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，特殊字符： <:　&lt;　　>:　&gt;　　　空格：&nbsp;　　　&:　&amp
　

三、列表标签

　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>： 原样输出
_…：下标
^…： 上标
<p>…</p>：段落标签，比br多换一行