HTML基础：文本列表（7）

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

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>


 


 

posted @ 2017-01-04 14:27  小木瓜瓜瓜  阅读(191)  评论(0)    收藏  举报