HTML列表

最新推荐文章于 2024-10-26 18:28:18 发布

SCK-DN

最新推荐文章于 2024-10-26 18:28:18 发布

阅读量1k

点赞数

分类专栏：前端入门文章标签： html 前端

本文链接：https://blog.csdn.net/Harrysau/article/details/122717406

版权

前端入门专栏收录该内容

6 篇文章 7 订阅

订阅专栏

列表

一、无序列表
二、有序列表
三、自定义列表
四、总结

一、无序列表

以下为无序列表的样例

内容1
内容2

代码：

	<ul>
		<li>内容1</li>
		<li>内容2</li>
	</ul>

注意事项：

ul内只允许包含li
li内可以包含任何内容

二、有序列表

样式：

内容1
内容2

代码：

<ol>
	<li>内容1</li>
	<li>内容2</li>
</ol>

三、自定义列表

样式：

整体内容概括
主题
内容1

内容2

代码：

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>超链接应用示例</title>
</head>
	<body>
	<dl>整体内容概括</dl>
	<dt>主题</dt>
	<dd>内容1</dd>
	<dd>内容2</dd>
	</body>
</html>

四、总结

HTML对于列表的基础操作较为简单，无序、有序、自定义三种类型的列表只需记住标签即可随意操作。之后的内容主要针对表格展开讨论。