初始HTML标签—1
为什么要遵循遵循Web标准：
浏览器的内核不同，展⽰的页⾯或者排版就有⼀些差异，遵循Web标准可以可以让页⾯更加统⼀。
Web标准的三层组成：结构（Structure）、表现（Prentation）和⾏为（Behavior）。
结构： ⽤于⽹页元素进⾏整理和分类，主要是.html。
表现：⽤于设置⽹页元素的版式、颜⾊、⼤⼩等外观样式，主要是.css
⾏为：⽹页模型的定义及交互的编写，主要是.js
1、初识HTML
HTML指超⽂本标记语⾔（Hyper Text Markup Language），⽤来描述⽹页的⼀种语⾔。
超⽂本的含义：可以加⼊图⽚、声⾳、动画、多媒体等内容，还可以从⼀个⽂件跳转到另外⼀个⽂件，与不同的⽂件链接。⽹页是由⽹页元素组成的，这些元素利⽤HTML标签描述出来，然后通过浏览器解析，就可以显⽰给⽤户了。
学习html主要是学习html标签，⽤html标签来描述⽹页元素：⽐如图⽚标签、⽂字标签、连接标签等等。
所有的html标签都是在<>中
<html></html> html标签，根标签
<head></head>⽂章的头部，在head中要设置的是title
<title></title>⽂章的标题，每个页⾯都有⾃⼰的标题
<body></body>⽂章的主题，元素包含⽂档的所有内容、页⾯内容
2.
标签的分类：
双标签：
<；标签名>内容</标签名>
/ 关闭符号
单标签：
<；标签 /> ⽐如<br />
3
标签关系：
（1）嵌套关系
<head>
<title>
</title>
</head>
（2）并列关系
<head>
</head>
<body>
</body>
4
<!doctype html>就是告诉浏览器按照HTML5规范解析界⾯
lang 指定语⾔种类
lang='en'表⽰html的语⾔为英⽂，en是English的缩写。
zh-CN表⽰为中⽂。
5
常见的字符集编码⽅式：
gb2312 简单中⽂
big5 繁体字
gbk 包含全部中⽂字符，是gb2312的扩展
utf-8 包括世界各国的语⾔
6
标签的语义化：
在合适的地⽅放⼀个合适的标签，让语义显得更加清晰明了
7
标签的属性：
<；标签名 属性1=“属性值1” 属性2=“属性值2”……> 内容 </标签名>举例：
<ipad 颜⾊=“⾦⾊” ⼤⼩=“10.4⼨”></ ipad>
有哪些标签：
（1）排班标签：
标题标签(h)：h1 ~ h6，h1标题最⼤，依次递减
段落标签(p)：<p> </p>
⽔平线标签（hr）:<hr />
换⾏标签（br)：<br />
段落和换⾏的区别：
呈现出来的效果很不相同
div和span标签：div和span没有语义，可以看作是两个盒⼦
div是division的缩写，意思是 分割
span意识是 跨度、范围。
两个都是盒⼦，⽤来布局。
<div>⼀⾏只能放⼀个
<span>⼀⾏可以放多个
（2）⽂本格式化标签：
<b></b> 和<strong></strong>：⽂字以 粗体 的⽅式显⽰，b（bold）只是加粗，strong还有强调的意思<i></i>和<em></em>：⽂字以 斜体 的⽅式呈现
<s></s>和<del></del> ：⽂字以 加删除线 的⽅式显⽰
<u></u>和<ins></ins>：⽂字以加 下划线 的⽅式呈现
⼀般都是推荐后⾯的写法
（3）图像标签：
image 图像
在页⾯中插⼊图⽚，语法如下：
<img src = "图像URL" /> 单标签
src 属性⽤于指定图像⽂件的路径和⽂件名
属性 alt 作⽤：图⽚不能显⽰时替换⽂本
属性 title 作⽤：⿏标悬停时显⽰的内容
属性 width 作⽤：设置图像的宽度，单位像素
属性 height 作⽤：设置图像的⾼度，单位像素
属性 border 作⽤：设置图像边缘的宽度，单位 数字（⼀般跟着css）
注意点：
标签有多个属性，但都必须写在开始标签后
属性不分前后顺序，但是标签与属性之间、属性与属性之间必须⽤空格隔开
采⽤ 键值对 的格式 ，key=“value”
（4）链接标签
<a> 单词是：anchor，意思为锚
属性 href，⽤于锚定跳转⽬标的url
属性 target，⽤于指定页⾯的打开⽅式，有lf和blink两种打开⽅式，_lf是默认当前窗⼝打开，_blank是在新窗⼝打开
<a href="跳转⽬标" target="⽬标窗⼝的弹出⽅式">⽂本或图像</a>
注意：
外部链接需要添加
内部链接：直接链接内部页⾯名称即可<a href = "index.html">⾸页</a>
空链接：通常不确定链接到哪⾥的时候⼀般⽤#代替，即href = "#"
不仅可以创建⽂本链接，各种图⽚、表格、⾳频都可以设置链接。
（5）注释标签
<!--注释-->
注释标签是给别⼈看的，主要⽬的是为了解释之后的代码是做什么的，但是程序不执⾏
注释的快捷键：ctrl + /
取消注释的快捷键 ：ctrl + shift + /
8 路径
相对路径：从代码所在的这个⽂件出发，去寻找我们的⽂件路径，⽽我们所说的 上⼀级、下⼀级、同⼀级，都是相对于代码⽂件来说，我们所找的⽂件所在的位置。
同⼀级：直接写名字
下⼀级：⽤ /
上⼀级：先翻出来，⽤../，这是翻出来⼀级，如果有两级的话，就是../../
绝对路径：完整的⽹页地址，或者⾃⼰电脑中固定的地址，了解即可，不⼤使⽤。
