为了方便浏览者查看,网上的信息也可以用列表的形式来呈现。
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>