HTML列表

来源：互联网发布：编程教学编辑：程序博客网时间：2024/05/02 05:03

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>

0 0