HTML基础：文本列表（7）

最新推荐文章于 2023-01-06 09:34:24 发布

LongRui888

最新推荐文章于 2023-01-06 09:34:24 发布

阅读量423

点赞数

分类专栏：【HTML与CSS】

本文链接：https://blog.csdn.net/sqlserverdiscovery/article/details/53969066

版权

【HTML与CSS】专栏收录该内容

9 篇文章 0 订阅

订阅专栏

为了方便浏览者查看，网上的信息也可以用列表的形式来呈现。

html页面中的列表有如下3种：

（1）无序列表

就是没有编号的列表，用ul标签、li标签，具体效果就是在列表中的每一项，开头都会有一个圆点。

<!DOCTYPE HTML>
<HTML>
 <HEAD>
	<title>无序列表</title>
 </HEAD>

 <BODY align="center">
	<h5>图书信息</h5>
	<ul>
		<li>图书名：____________</li>
		<li>出版社：____________</li>
		<li>定价：____________</li>
        <li>页数：____________</li>
	</ul>
 </BODY>

（2）有序列表

会按照顺序进行排列，用ol和li标签，把无序列表的圆点改成了数字。

<!DOCTYPE HTML>
<HTML>
 <HEAD>
	<title>有序列表</title>
 </HEAD>

 <BODY style="text-align:left">
	<h5>图书信息</h5>
	<ol>
		<li>图书名：____________</li>
		<li>出版社：____________</li>
		<li>定价：____________</li>
        <li>页数：____________</li>
	</ol>
 </BODY>
</html>

（3）定义列表

一种缩进样式的列表，用dl、dt、dd标签。

<!DOCTYPE HTML>
<HTML>
 <HEAD>
	<title>无序列表</title>
 </HEAD>

 <BODY>
	<h1>计算机概念</h1>
	
	<dl>
		<dt>html</dt>
		<dd>html就是hyper-text-mark-language的简称</dd>

		<dt>css</dt>
		<dd>css就是cascade-style-sheet的简称（层叠样式表）</dd>

		<dt>jquery</dt>
		<dd>jquery是javascript的一个第三方库</dd>
	</dl>
 </BODY>
</html>