【企业如何网站建设】
在浏览器中显示时，有序列表整个表项与上、下文本段之间各有一行空白；列表项目向右缩进并左对齐；各表项前带顺序号。
可以改变有序列表中的序号种类，利用<ol>或<li>中的type属性可设定5种序号：数字、大写英文字母、小写英文字母、大写罗马字母和小写罗马字母。序号标签默认为数字。 在<ol>后指定符号的样式，可设置到</oI>前各表项的加重记号。格式为：
<ol type=”1”> 序号为数字
<ol type=”A”> 序号为大写英文字母
<ol type=”a”> 序号为小写英文字母
<ol type=”I”> 序号为大写罗马字母
<ol type=”i”> 序号为小写罗马字母
在<li>后指定符号的样式，可设置该表项前的加重记号。格式就是把前面的例子中ol改为li。
【案例4-71有序列表应用示例。
【案例展示】本例文件4-7.html在浏览器中显示的效果如图4-11所示。
【学习目标】掌握有序列表标签和表项标签的用法。
【知识要点】掌握有序列表的使用场合。
代码如下：
<! doctype html>
<html>
<head>
<meta charset=”gb2312”>
<title>有序列表<／title>
<／head>
<body>
<h3 align="center">手机销量排行榜</h3>
<ol type="I">
<li>美亚手机
<li>菲亚手机
<li>爱亚手机
<li>环宇手机
<li>天宇手机
</ol>
</body>
</html>
图4-12页面的显示效果
代码如下：
<! doctype html>
<html>
图4-11页面的显示效果
列表嵌套把主页分为多个层次，给人以很强的层次感。有序列表和无序列表不仅可以自身嵌套，而且彼此可互相嵌套。
本文地址:
http://www.yishenzhou.com/yes/post/326.html | 分类:网络公关 |
次阅读
