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>

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

猜你喜欢

转载自blog.csdn.net/shaotaiban1097/article/details/80933487