HTML基础知识介绍——表格的不同列表（详细）

对HTML进行分类（设置类），使我们能够为元素的类定义CSS样式
为相同的类设置相同的样式，或者为不同的类设置不同的样式
HTML<span>元素是行内元素，能够用作文本的容器
设置<span>元素的类，能够为相同的<span>元素设置相同的样式

• header  定义文档或节的页眉
• nav     定义导航链接的容器
• section 定义文档中的节
• article 定义独立的自包含文章
• aseide  定义内容之外的内容（比如侧栏）
• foter   定义文档或节的页脚
• details 定义额外的细节
• summary 定义details元素的标题

响应式web设计：RWD
RWD能够以可变尺寸传递网页（对于平板和移动设备是必需的）

无序列表标签——<ul>
在一个无需列表中可包含多个列表项
设置无序列表的符号类型——type
在默认情况下，无序列表的项目符号是黑圆点，通过type参数可调整符号

<ul type=符号类型>
<li>.....
<li>....
<li>....
</ul>

disc——黑圆点
circle——空圆点
square——黑正方形

有序列表标签——<ol>
有先后顺序性特点，采用数字序号进行排列
在默认情况下，有序列表的序号是数字的，通过type参数可调整符号

<ol type=符号类型>
<li>....
<li>....
<li>....
</ol>

1——数字
a——小写字母
A——大写字母
i——小写罗马数字
I——大写罗马数字
有序列表的起始数值——start
在默认情况下，有序列表的列表项是从数字1开始的，通过start参数可调整起始数值（也可是英语字母和罗马数字）
<ol strat=起始数值>
<li>....
<li>....
</ol>

定义列表标签——<dl>
主要用于名词解释，包含两个层次的列表，一层是需要解释的名词，二层是具体的解释

<dl>
<dt>名词1<dd>解释1
<dt>名词2<dd>解释2
.....
</dl>

作为解释的内容在显示时会自动缩进

菜单列表标签——<menu>
菜单列表主要用于设计单列的菜单列表，菜单列表在浏览器中的显示效果和无序列表是相同的

<menu>
<li>....
<li>....
.....
</menu>

目录列表——<dir>
目录列表一般来创建多列的目录列表，它在浏览器中的显示效果和无序列表是相同的
 

<dir>
<li>....
<li>....
</dir>