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  小木瓜瓜瓜  阅读(179)  评论(0编辑  收藏  举报