HTML是一种超文本标记语言，代码不区分大小写，一个标签相当于一个容器，想修改容器内数据样式，只需改变容器的属性值，就可以实现容器内数据样式的变化。
一、文字标签和注释标签
1，文字标签： < font >…</ font >
属性：size ：文字的大小，取值范围1–7，超过7则默认为7
color： 文字的颜色，可以用英文单词表示（red，green，black…）也可以用十六进制数RGB表示（#fffff..）
2，注释标签： < ！– – 注释内容 – –>
二、标题标签、水平线标签和特殊字符
1，标题标签： <h1>…</h1> <h2>…</h2> <h３>…</h３> …… <h6>…</h6> （从h1到h6依次变小，同时自动换行）
2，水平线标签： <hr/>
属性：size ：水平线的大小，取值范围1–7，超过7则默认为7
color： 水平线的的颜色，
3，特殊字符： <: < >: > 空格： &: &
三、列表标签
1， <dl> ．．．</dl>：表示列表范围
在dl里面 <dt>上层内容</dt>
在dl里面 <dd>下层内容</dd>
２，有序列表
<ol> ．．．</ol>:有序列表范围
属性 type：设置排序方式：1（默认）、a、i
在ol标签里: :<li>…</li>
3,无序列表
<ul> ．．．</ul>:无序列表范围
属性 type：空心圆：circle 实心圆：disc(默认) 实心方块：square
在ol标签里::<li>…</li>
四、图像标签
<img src=”图片路径”>
属性：src=图片路径
width：图片宽度
height：图片长度
alt：图片上显示的文字，鼠标移动到图片上片刻就会显示
五、超链接标签
１，链接资源
<ａ href=”连接到资源的路径”> 显示在页面上的内容 </a>
属性：href：连接的资源的地址
target：设置打开方式，默认在当前页面打开。_blank：在一个新窗口打开；_self：当前窗口打开
当超链接不需要到任何地址，在href加#
eg：<ａ href=”#”> 超链接 </a>
2，定位资源
定义一个位置：<ａ name=”top”> 顶部 </a>
回到这个位置：<ａ href=”#top”>回到顶部 </a>
六、表格标签
1，<table>…</table >：表格范围
属性：border：表格线
bordercolor：表格线颜色
cellspacing：单元格直接的距离
width：表哥的宽
height：表哥的长
在table里：<tr>…</tr >：行
<td>…</td >：单元格
td也可以换成th，用th表示的单元格的内容都是居中且加粗的
2，合并单元格
rowspan：跨行
colspan：跨列
eg： <td colspan=”跨的列的个数”>…</td >
七、表单标签
<form>…</form >：表单的范围
属性：action：提交的地址，默认为当前页面
method：表单提交方式，常用有两种：get (默认）和post
输入项：（输入项里都需要一个name属性）
1，普通输入项：<input type=”text”/>
2,密码输入项：<input type=”password”/>
3，单元输入项：<input type=”radio”/>
注意：在里面需要name属性
name的值必须相同
必须有一个value值
实现默认选中的属性：checked=”checked”
4，复选输入项：<input type=”checkbox”/>
注意：在里面需要name属性
name的值必须相同
必须有一个value值
实现默认选中的属性：checked=”checked”
5，文件输入项：<input type=”file”/>
6，下拉输入框：<select name=”birth”/>
<option value=”1991”/>1991</option>
<option value=”1992”/>1992</option>
<option value=”1993”/>1993</option>
</select>
7，文本域：<textarea cols=”宽” rows=”长”></textarea>
8，隐藏项（不会显示在页面上，但在HTML代码里）
：<input type=”hidden”/>
9，提交按钮：：<input type=”submit”/>
<input type=”submit” value=”按钮上的字”/>
<input type=”image” src=”图片的路径”/>（图片提交）
10，重置按钮： <input type=”reset” value=”重置按钮”/>
八、其他标签
<b>…</b>： 加粗
<s>…</s>： 删除线
<u>…</u>： 下划线
<i>…</i>： 斜体
<pre>…</pre>： 原样输出
<sub>…</sub>：下标
<sup>…</sup>： 上标
<p>…</p>：段落标签，比br多换一行
