Web开发 _03_HTML基础

列表

 

无序列表

 

        无序列表的各个列表项之间没有顺序级别之分,是并列的。

        基本语法:

	<ul>
		<li>列表1</li>
		<li>列表2</li>
		<li>列表3</li>
	</ul>

         ◆         ul 标签中一般只嵌套 li 标签(虽然部分标签也可以嵌套,例如 p ,但不建议使用)

 

                 li  标签中可以容纳所有的元素

                  无序列表带有默认的样式,可以在CSS中修改。

 

 

 

有序列表

 

        有序列表的各个列表项之间有顺序级别之分,浏览器解析时默认会自动根据代码中的列表顺序加上序号。

 

        基本语法:

        <ol>
		<li>列表1</li>
		<li>列表2</li>
		<li>列表3</li>
	</ol>

                与 ul 标签相同, ol 标签中一般只嵌套 li 标签

         ◆        有序列表也带有默认的样式,可以在CSS中修改

 

 

自定义列表

 

        自定义列表的列表经常用于对一个词进行解释描述,定义列表的列表项前面没有任何项目符号。

        基本语法:

        <dl>
		<dt>列表1</dt>
		<dd>列表1.1</dd>
		<dd>列表1.2</dd>
		<dd>列表1.3</dd>
	</dl>
	<dl>
		<dt>列表2</dt>
		<dd>列表2.1</dd>
		<dd>列表2.2</dd>
		<dd>列表2.3</dd>
	</dl>

        一般网页底部的“服务支持”“关于我们”等等列表下会有一些其他的详细链接,这部分大多是用自定义列表实现。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HolaSecurity

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值