列表 list

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于<ul>标签。每个列表项始于<li>

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。


有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。

有序列表始于<ol>标签  每个列表项始于<li>标签

<ol>

<li>Coffee</li>

<li>Milk</li>


定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以<dl>标签开始 每个自定义列表以<dt>开始 每个自定义列表项的定义以<dd>

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

</dl>


更多实例

不同类型的无序列表

<ul type="disc">

type属性值还可以是circle或square

不同类型的有序列表

<ol type="A">  #大写字母列表

type属性值: "a"(小写字母列表),"I"(大写罗马字母),"i"(小写罗马字母)

嵌套列表


嵌套列表 2


定义列表


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容