您的位置:首页 > Web前端 > HTML

HTML列表

2016-05-05 14:05 120 查看
HTML列表分类:

无序列表,不考虑排序,<ul>+<li>,常用于导航

有序列表,结构化列表,考虑排序,<ol>+<li>

定义列表,当作字典或术语,包含定义和描述,<dl>+<dt>+<dd>(其中,dl表示定义列表,dt定义术语,dd定义描述)

举例:

无序列表:

<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="prices/freshwater-fish-prices.html">Price List</a></li>
<li><a href="http://www.163.com" target="_blank">Link to Netease Web</a></li>
<li><a href="downloads/all-prices.pdf">Download C++ book</a></li>
</ul>




注意:这是默认样式,可使用CSS重新布置这些列表,将其并排放置;也可移除小圆点,将其设计成方形点或什么都不显示等;

有序列表:

<ol>
<li>Step One</li>
<li>Step Two
<ol>
<li>Step 2.1</li>
<li>Step 2.2</li>
<li>Step 2.3</li>
</ol>
</li>
<li>Step Three</li>
</ol>




定义列表:

<dl>
<dt>Unordered list</dt>
<dd>Unordered list is a list without any consideration to order</dd>
<dt>Odered list</dt>
<dd>This is a list in which order is important</dd>
<dt>Definition list</dt>
<dd>Definition list contains terms and description, much like a dictionary</dd>
</dl>


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: