* 列表标签
》有序列表（ul>li）
<ul>
<li><span>北京</sapn><a href="#">你好</a></li>
<li>上海</li>
<li>成都</li>
</ul>
效果-——》
北京
上海
成都
》无序列表（ol>li）
<ol>
<li>北京</li>
<li>上海</li>
<li>成都</li>
</ol>
效果——》
1.北京
2上海
3.成都
》自定义列表（dl>dt-dd）<dl><dt>helloworld<dt><dd>每一门新的语言都要打印一个hello world</dd><dt>helloworld</dt><dd>每一门新的语言都要打印一个hello world</dd><dt>helloworld</dt><dd>每一门新的语言都要打印一个hello world</dd></dl>效果——》helloworld
每一门新的语言都要打印一个hello world
helloworld
每一门新的语言都要打印一个hello world
helloworld
每一门新的语言都要打印一个hello world
helloworld
每一门新的语言都要打印一个hello world
* 表格标签
<table border="1"> <tr> <td>第一行第一列</td> <td>第一行第二列</td> < /tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> </tr></table>
<table border="1">
<thead>
<tr>
<th>姓名</th>
<th>年龄<th>
</tr>
<thead>
<tbody>
<tr>
<td>haha</td>
<td>15</td>
</tr>
<tr>
<td>可乐</td>
<td>20</td>
</tr>
</tbody>
</table>
*关于表格的合并单元格
.rowspan：合并行单元格
.colspan：合并列单元格
<table border="1">
<tr><td></td><td></td><td></td></tr>
<tr><td rowspan="2"></td> <td colspan="2"></td></tr>
<tr><td></td><td></td></tr>
</table>
*div标签和span标签
. div标签： <div></div>
. span标签： <span></span>
*行级标签（可以跟其他的行内元素公用一行）：
包括：span strong em a i img input lable select small u 等
*块级标签（单独占一行）
包括：div p br hr h1-h6 pre form ul ol 力 dl dt dd table 等
*表单标签
. form标签：表单的域标签，用于包裹整个表单的内容，是用户提交数据到后台的虚拟单子
注意：表单一般包括文本框、下拉列表、单选、多选、文本域等组成
form的 action属性用于指定表单提交到后台的地址
. input标签：包含文本框，按钮，单选，多选，重置等
type属性的不同取值决定了input标签的不同作用
type的属性值包括：
text：文本框；
password：密码框；
radio：单选；
checkbox：复选框；
button：按钮；
reset：重置按钮；
submit：提交按钮；
. select标签：用于下拉选、列表或者是列表标签
里面的选项由option来设置，value属性只有在后台有用
<select id="" name= "" multiple>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="2">安徽</option>
</select>
注意：设置multiple属性后，表示为列表，否则为下拉列表
. 文本域标签：textarea标签用于输入大量文本的标签，col属性用于设置一行最多可以有多少列字符，row属性表示可以容纳多少行数据，有滚动条
. filedset标签：表单组合标签，仅仅用于表单的组合，会影响到reset的效果
legent标签用于组合标签的标题
<filedset>
<legent>运动项目</legent>
<input type="checkbox" value=“游泳”>
<input type="checkboox" value="羽毛球">
</filedset>
. lable标签：可以让标签文本点击的时候让label指向的标签表单标签获得焦
有两种方法：使用for属性指向表单标签；用lable标签包裹input标签
*iframe标签
创建另一个包含另一个文档的内联框架
<iframe src="" width="" height=""></iframe>
border属性可以设置框架的边框大小
*meta标签补充
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
上面代表如果使用IE打开的页面，那么就是用做新的IE打开此页面
*SEO优化的设置
<meta name="keywords" content="java/php/网络营销讲师"/>
<meta name="description" content="IT行业的龙头讲师">
*base标签：
可以让当前页面的所有a标签都拥有相同属性，比如target属性
<base target="_blank">
*字符实体
大于号：>；
小于号：<；
空格：
。。。。。。。
