HTML列表

  • 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>



  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值