登录 注册
您的位置:首页> 建站知识 > 网络公关
【企业如何网站建设】有序列表标签和表项标签的用法
标签:网络公关
发表日期:2018-11-12 05:52:11     文章编辑:admin     浏览次数:176

 【企业如何网站建设】

在浏览器中显示时,有序列表整个表项与上、下文本段之间各有一行空白;列表项目向右缩进并左对齐;各表项前带顺序号。
    可以改变有序列表中的序号种类,利用<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页面的显示效果
 列表嵌套把主页分为多个层次,给人以很强的层次感。有序列表和无序列表不仅可以自身嵌套,而且彼此可互相嵌套。
留言预约
关于我们
易神州网络-专业的软件开发和品牌营销公司,提供互联网基础服务与数字营销产品解决方案专家,14年丰富的软件开发、品牌策划营销。擅长于系统化解决企业品牌在互联网上的统一性传播,企业品牌在互联网上的应用。我们协助您通过在线品牌的塑造,建立长久的企业品牌价值。
联系我们
400-611-0508
周一至周六9:00-18:00
全方位的营销咨询   精准的解决方案
地址:北京市丰台科技园汉威国际四区8号楼7层
关注公众号