实现html列表结构的方式有哪些?
HTML有三种列表形式:排序列表(Ordered List);不排序列表(Unordered List);定义列表(Definition List)。
排序列表(Ordered List)
排序列表中,每个列表项前标有数字,表示顺序。
排序列表由<ol>开始,每个列表项由<li>开始。
排序列表示例
<html>
<body>
<h4>一个排序列表(Ordered List):</h4>
<ol>
<li>php网页课程</li>
<li>php网页代码</li>
<li>php之魔兽世界</li>
</ol>
</body>
</html>
不排序列表(Unordered List)
不排序列表不用数字标记每个列表项,而采用一个符号标志每个列表项,比如圆黑点。
不排序列表由<ul>开始,每个列表项由<li>开始。
不排序列表示例
<html>
<body>
<h4>不排序列表(Unordered List):</h4>
<ul>
<li>php100网 php100学院之网页课程</li>
<li>php100网 php100学院之网页代码</li>
<li>php100网 php100学院之魔兽世界</li>
</ul>
</body>
</html>
定义列表
定义列表通常用于术语的定义。
定义列表由<dl>开始。术语由<dt>开始,英文意为Definition Term。术语的解释说明,由<dd>开始,<dd></dd>里的文字缩进显示。
定义列表示
<html>
<body>
<h4>定义列表(Definition List):</h4>
<dl>
<dt>野生动物</dt>
<dd>所有非经人工饲养而生活于自然环境下的各种动物。</dd>
<dt>宠物</dt>
<dd>指猫、狗以及其它供玩赏、陪伴、领养、饲养的动物,又称作同伴动物。</dd>
</dl>
</body>
</html>
<ol><li></li></ol>
无序列表
<ul><li></li></ul>
定义列表
<dl>
<dt>项目名称<dt>
<dd>描述</dd>
<dl>
一.无序列表始于 <ul> 标签。每个列表项始于 <li>。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
浏览器显示如下:
Coffee
Milk
二.有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
浏览器显示如下:
1.Coffee
2.Milk
三.自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
浏览器显示如下:
Coffee
Black hot drink
Milk
White cold drink
定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。