码迷,mamicode.com
首页 > Web开发 > 详细

html 初识

时间:2019-07-03 00:27:12      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:alt   baidu   说明   显示   回车   网页   utf-8   doctype   tle   

一、web服务本质

1、浏览器输入网址并回车都发生了什么?

  a)、浏览器 给服务端 发送了一个消息

  b)、服务端拿到消息

  c)、服务端返回消息

  d)、浏览器展示页面

2、趋势

C/S架构->B/S架构

3、web的本质

  1)、服务端

  2)、浏览器

  3)、html文件

二、html简介

1、html是什么?

  html超文本标记语言(markup language)

2、格式

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

<!DOCTYPE html> 设置html5

<head></head> 定义了网页的头部,包含标题格式设置等

</meta> 设置默认编码

<title></title> 网页的标题

<body></body>设置网页的具体内容

3、meta

    <meta charset="UTF-8"> 
    <!--设置默认编码-->
    <meta name="keywords" content="内容">
    <!--关键字索引-->
    <meta name="description" content="内容">
    <!--描述-->

4、h

作用:设置标题

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

一般只用到前三个

5、img

<img src="http://b-ssl.duitang.com/uploads/item/201706/16/20170616185536_GPBdZ.jpeg"
     alt="桥本环奈正在骑马来的路上" title="女神">

scr 图片路径:本地路径、网络路径

alt  提示:当网络速度缓慢是,图片的位置会有文字提示

title悬浮显示:鼠标移到图片的位置,有悬浮说明

6、a

<a href="https://baike.baidu.com/item/%E6%A1%A5%E6%9C%AC%E7%88%B1/5332?fr=aladdin" target="_blank">桥本爱简介</a>

href 网址

target 默认值为_self,不打开新的tab,target=‘_blank‘,打开新的tab

html 初识

标签:alt   baidu   说明   显示   回车   网页   utf-8   doctype   tle   

原文地址:https://www.cnblogs.com/wt7018/p/11123787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!