1、有序列表<ol>
列表内容由<li></li>包裹
<ol>的type属性：
①数字排列标号：1 ②小写字母排列标号：a ③大写字母排列标号：A
④小写罗马数字排列标号：i ⑤小写罗马数字排列标号：l
例如：
<ol type="I">
<li>威士忌</li>
<li>伏特加</li>
<li>金酒</li>
<li>龙舌兰</li>
<li>百威</li>
</ol>
2、有序列表<ul>
列表内容也由<li></li>包裹
快捷键创建：ui>li*num
<ul>的type属性：
①实心圆：disc ② 空心圆：circle ③方块：square ④不显示：none
举例：
<ul type="circle">
<li>威士忌</li>
<li>伏特加</li>
<li>金酒</li>
<li>龙舌兰</li>
<li>百威</li>
</ul>
我觉得无序列表是前端开发最常用的标签,例如4399小游戏：
3、表格标签<table>
<tr>标签控制行 <td>标签控制列（单元格） <td>内嵌在<tr>中使用
<table>
<tr>
<td>黑棋</td>
<td>白棋</td>
</tr>
<tr>
<td>白棋</td>
<td>黑棋</td>
</tr>
</table>
快捷键使用举例：八行八列
table>tr*8>td*8{黑棋}
合并单元格:rowspan(垂直合并) or colspan
4、表单标签<form>
表单三个基本组成部分：表单标签、表单域、表单按钮
<form action="">
<input type="text">
<button>注册</button>
</form>
文本域设定：<input type="text">
密码框设定：<input type="password">
提交按钮：<input type="submit">
我们同样来看淘宝登录界面检查：
4、容器标签<div>
div是英文“division”的缩写，中文译为“分割、区域”。<div>标签定义 HTML 文档中的一个区块或者一部分。在实际中频繁被运用的一个标签。
关于div旧的用法:
<div id="header"></div> <!--标题 -->
<div id="nav"></div><!-- 导航栏 -->
<div id="article"><!-- 内容 -->
<div id="section"></div>
</div>
<div id="silder"></div><!-- 侧边栏 -->
<div id="footer"></div><!--底部 -->
H5新增特性：
<header></header><!--头部 -->
<nav></nav><!-- 导航 -->
<article></article><!-- 独立完整的内容块 -->
<section></section><!-- 文档的节 -->
<aside></aside><!-- 侧边栏 -->
<footer></footer><!-- 脚部 -->
