HTML5 列表标签用法示例总结

列表标签

列表就是把…制成表，以表来显示，是容器里面装载着文字或图表的一种形式，列表最大的特点就是 整齐 整洁 有序。

无序列表ul（常用）

u for unorder.
无序列表的各个列表项之间没有顺序级别之分 是并列的 其基本语法格式如下:

<ul>
	<li>列表</li>
	<li>列表</li>
	<li>列表</li>
	<li>列表</li>
	........
</ul>

示例输出（无序的表现在于前面不是序号而是点）

1.<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的
2.<li>与</li>之间相当于一个容器 可以容纳所有元素
3.无序列表会带有自己样式属性 放下那个样式  一会让CSS来

有序列表ol（理解）

有序列表即为有排列顺序的列表 其各个列表项按照一定的顺序排列定义 有序列表的基本语法格式如下:

<ol>
	<li>第一</li>
	<li>第二</li>
	<li>第三</li>
	<li>第四</li>
	......
</ol>

示例输出（有序的表现在于前面是序号而不是点）

自定义列表（理解）

自定义列表常用语对术语或名词进行解释和描述 定义列表的列表项钱没有任何项目符号 基本语法如下:

<dl>
	<dt> 名词一 </dt>
	<dd> 名词一解释一 </dd>
	<dd> 名词一解释二 </dd>
	...
	<dt> 名词二 </dt>
	<dd> 名词二解释一 </dd>
	<dd> 名词二解释二 </dd>
	...
	<dt>帅哥</dt>
        <dd>帅哥就是我啊</dd>
</dl>

示例输出