HTML列表
2016-05-05 14:05
120 查看
HTML列表分类:
无序列表,不考虑排序,<ul>+<li>,常用于导航
有序列表,结构化列表,考虑排序,<ol>+<li>
定义列表,当作字典或术语,包含定义和描述,<dl>+<dt>+<dd>(其中,dl表示定义列表,dt定义术语,dd定义描述)
举例:
无序列表:
注意:这是默认样式,可使用CSS重新布置这些列表,将其并排放置;也可移除小圆点,将其设计成方形点或什么都不显示等;
有序列表:
定义列表:
无序列表,不考虑排序,<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>