HTML标签分类
在HTML页面中，带有“< >”符号的元素被称为HTML标签，<HTML>、<head>、<body>都是HTML骨架结构标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令，也称为HTML标签或 HTML元素。
1.双标签
该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。
2.单标签
单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。~~~html <标签名 /> ~~~
HTML标签关系
1.嵌套关系 2.并列关系
文档类型<!DOCTYPE>
!DOCTYPE> 标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范，如HTML5 <!DOCTYPE html>
字符集
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
gb2312 简单中文 包括6763个汉字
BIG5 繁体中文 港澳台等用
GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312
UTF-8则包含全世界所有国家需要用到的字符
记住一点，以后我们统统使用UTF-8 字符集, 这样就避免出现字符集不统一而引起乱码的情况了。
标签属性
使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：
html <标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
在上面的语法中，
1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
采取 键值对 的格式 key="value" 的格式
HTML常用标签
tml <hn> 标题文本 </hn>
1.标题标签 (熟记) :
为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，H1到H6作为标题使用，并且依据重要性递减 html <hn> 标题文本 </hn>.注意： h1 标签因为重要，尽量少用，不要动不动就向你扔了一个h1。 一般h1 都是给logo使用，或者页面中最重要标题信息。
2.段落标签( 熟记)
单词缩写： paragraph <P></P>
3.水平线标签(认识)
单词缩写： horizontal 横线 <hr> 是单标签
4.换行标签(熟记)
单词缩写： break 打断 ,换行 html <br />
5.div span标签(重点)
div span 是没有语义的 是我们网页布局主要的2个盒子 css+div.
div 就是 division 的缩写 分割， 分区的意思 其实有很多div 来组合网页。
span, 跨度，跨距；范围
6.文本格式化标签(熟记)
在网页中，有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。
<b></b><strong></strong> 文字以粗体方式显示 <strong>语气更强烈
<i></i><em></em>文字以倾斜的方式显示
<s></s><del></del>文字以加删除线方式显示
<u></u><ins></ins>文字以加下划线方式显示。
b i s u 只有使用 没有 强调的意思 strong em del ins 语义更强烈
7.图像标签img (重点) 单词缩写： image 图像
HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签，接下来将详细介绍图像标签
以及和他相关的属性。其基本语法格式如下：<img src="" alt="">
该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必需属性。
8.链接标签(重点) 单词缩写： anchor 的缩写 [ˈæŋkə(r)] 。基本解释 锚, 铁锚 的
在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可，其基本语法格式如下：
html <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用
target：用于指定链接页面的打开方式，其取值有self,blank,parent,top四种，其中self为默认值，blank为在新窗口中打开方式，parent在父级窗口打开,top在顶级窗口打开
注意：
1.外部链接 需要添加 http:// www.baidu.com
2.内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页 </a >
3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
锚点定位 （难点）
通过创建锚点链接，用户能够快速定位到目标内容。 创建锚点链接分为两步：
~~~html 1.使用“a href=”#id名>“链接文本"创建链接文本（被点击的）
2.使用相同Id的名称标注跳转目标的位置。
9.无序列表 ul （重点）
无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：
```html
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
```
注意
1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2. <li>与</li>之间相当于一个容器，可以容纳所有元素。
3. 无序列表会带有自己样式属性，放下那个样式，一会让CSS来！
10有序列表 ol
有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：
```html
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ol>
```
所有特性基本与ul 一致。
11.自定义列表
定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如下：
```html
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
```
名词的解释可以一对一也可以一对多。
12.表格 table
在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下：
```html
<table>
<caption>我是表格标题</caption>
<colgroup>
<col width=100>
<col width=100>
</colgroup>
<thead>
<tr>
<th></th>
<td></td>
</tr>
</thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
```
表格的标题： caption caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
caption 元素定义表格标题。
```html
<table>
<caption>我是表格标题</caption>
</table>
```
合并单元格(难点) 跨行合并：rowspan 跨列合并：colspan
将多个内容合并的时候，就会有多余的东西，把它删除。 例如 把 3个 td 合并成一个， 那就多余了2个，需要删除。
13.input 控件(重点) <input />标签为单标签，type属性为其最基本的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，<input />标签还可以定义很多其他的属性，其常用属性如下表所示。
14.label标签(理解)
label 标签为 input 元素定义标注（标签）。
作用： 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点
如何绑定元素呢？
for 属性规定 label 与哪个表单元素绑定。
html <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male">
15.textarea控件(文本域)
如果需要输入大量的信息，就需要用到<textarea></textarea>标签。通过textarea控件可以轻松地创建多行文本输入框，其基本语法格式如下：
html <textarea cols="每行中的字符数" rows="显示的行数"> 文本内容 </textarea>
16.下拉菜单
html <select> <option>选项1</option> <option>选项2</option> <option>选项3</option> ... </select>
注意：
<select></select>中至少应包含一对<option></option>。
在option 中定义selected =" selected "时，当前项即为默认选中项。
17.表单域
在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下：
```html
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>
```
用属性：
1. Action
在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。
2. method
用于设置表单数据的提交方式，其取值为get或post。
3. name
用于指定表单的名称，以区分同一个页面中的多个表单。
注意： 每个表单都应该有自己表单域。
18.查文档
经常查阅文档是一个非常好的学习习惯。
W3C : http://www.w3school.com.cn/
MDN: https://developer.mozilla.org/zh-CN/
