首页 
资讯中心 业内活动 行业人物 网站运营 站长商城 精品学院 站外休闲 求职招聘
特别专题 | 行业新闻 | 人物访谈 | 专栏作家 | 求职招聘 | 行业公司 | 网站名录 | 好站推荐 | 站长工具 | 站长大会
·呼和浩特网站备案 ·站长组、评论专员
·本站开展IDC托管 ·站长学习精品学院
·内蒙古精品网址站 ·内蒙古网站实名录
   当前位置:内蒙古IT实验室 内蒙古互联网实验室 内蒙古站长 >> 精品学院 >> 网页设计 >> HTML CSS >> 浏览文章
HTML之清单标记
作者:佚名 来源:本站原创 收藏: 投稿

■ 清单标记




    •   欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。
        也请先明白围堵标记与空标记的分别,请看 【HTML概念】。

      1. :
      ▲Top

        

        称为顺序清单标记。
      1. 则用以标示清单项目。
          所谓顺序清单就是在每一项前加上 1,2,3... 等数字,又称编号清单。

          

          的参数设定(常用):
            例如:
            type="i" start="4">

          • type="i"
            设定数目款式,其值有五种,请参考右表,默认为 type="1"。
          • start="4"
            设定开始数目,不论设定了哪一数目款式,其值只能是 1,2,3.. 等整数,默认为 start="1"。
          Type Numbering style
          1 arabic numbers 1, 2, 3, ...
          a lower alpha a, b, c, ...
          A upper alpha A, B, C, ...
          i lower roman i, ii, iii, ...
          I upper roman I, II, III, ...

            

        1. 的参数设定(常用):
            例如:
        2. type="square" value="4">
          • type="square"
            只适用于非顺序清单,设定符号款式,其值有三种,如下,默认为 type="disc":
            符号 点此在新窗口浏览图片 是当 type="disc" 时的列项符号。
            符号 点此在新窗口浏览图片 是当 type="circle" 时的列项符号。
            符号 点此在新窗口浏览图片 是当 type="square" 时的列项符号。
          • value="4"
            只适用于顺序清单,设定该一项的数目,其后各项将以此作为起始数目面递增, 但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有默认值。

          例子:
          HTML Source Code (原代码) 浏览器显示结果
          My best friends:

          1. Michelle Wei
          2. Michael Wan
          3. Gloria Lam
          My best friends:
          1. Michelle Wei
          2. Michael Wan
          3. Gloria Lam

          ▲Top

            

            称为无序清单标记。
              所谓无序清单就是在每一项前面加上 点此在新窗口浏览图片点此在新窗口浏览图片点此在新窗口浏览图片 等符号,故称符号清单。

              

              的参数设定(常用):
                例如:
                type="square">
                • type="square"
                  设定符号款式,其值有三种,如下,内定值为 type="disc":
                  符号 点此在新窗口浏览图片 是当 type="disc" 时的列项符号。
                  符号 点此在新窗口浏览图片 是当 type="circle" 时的列项符号。
                  符号 点此在新窗口浏览图片 是当 type="square" 时的列项符号。

                注意:由于

                • 都有 type 这个参数,两者尽可能选其一。

                  例子:
                  HTML Source Code (原代码) 浏览器显示结果
                  My Homepages:

                  • Penpals Garden
                  • ICQ Garden
                  • Software City
                  • Creation of Webpage
                  My Homepages:
                  • Penpals Garden
                  • ICQ Garden
                  • Software City
                  • Creation of Webpage

                  ▲Top

                    这两个标记不为 W3C 所赞同,希望使用者能以

                      代替。
                        ,基本上它和
                        是一样的,在一些特别的浏览器可能表现出
                          的效果,于旧版的 IE 或 NC 标记 不显示符号或数目。两标记的用法与
                            完全一样。

                            例子:
                            HTML Source Code (原代码) 浏览器显示结果
                            My Homepages:

                          • Penpals Garden
                          • ICQ Garden
                          • Software City
                          • Creation of Webpage
                          • My Homepages:
                          • Penpals Garden
                          • ICQ Garden
                          • Software City
                          • Creation of Webpage

                          • :
                            ▲Top

                              

                            称为定义清单标记。
                            用以标记定义条目,
                            则用以标记定义内容。
                            所谓定义清单就是一种分两层的项目清单,其不带有符号及数目。

                              三个标记都没有常用参数。而

                            可以独立使用,只是一些旧的浏览器不支持,如 IE 3.0。常用的如
                            标记可用以制造段落第一个字前的空白。

                            例子:
                            原代码

                            How to use Definition List
                            First, you should not place paragraph tag right after or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML.
                            Other things to know
                            We usually put only ONE Definition tag following the Definition Term tag, more than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags.
                            显示结果
                            How to use Definition List
                            First, you should not place paragraph tag right after or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML.
                            Other things to know
                            We usually put only ONE Definition tag following the Definition Term tag, more than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags.

浏览:  


人支持

Tags:
发表评论】【告诉好友】【打印此文】【收藏此文】【关闭窗口
上一篇:HTML之特殊字符
下一篇:HTML之链接标记
 最新推荐
网站运营资深人士徐志勇
内蒙古IT实验室开展IDC业务
“人肉搜索”首上大银幕《无形杀》观众定结尾
售楼广告恶搞“红色经典” 网友称赞有创意(图)
少年总裁张伯宏
微软正式公布反盗版政策 盗版用户将遭黑屏警告
千橡启用域名Kaixin.COM:开心网被全面克隆
内蒙古高校主流媒体上上网
内蒙古电影网站长巴特尔
内蒙古电影网
 相关文章
暂无相关链接
 文章评论:
 最新文章
学习css需要什么软件
图像
链接
学习更多元素
制作自己的第一个网站
元素与标签
HTML是什么? 
创建一个纯CSS的水平导航条
另一个角度谈谈DIV+CSS网页布局
XHTML+CSS=网站重构
 编辑推荐
网站运营资深人士徐志勇
内蒙古IT实验室开展IDC业务
“人肉搜索”首上大银幕《无形杀》观众定结尾
售楼广告恶搞“红色经典” 网友称赞有创意(图)
少年总裁张伯宏
微软正式公布反盗版政策 盗版用户将遭黑屏警告
千橡启用域名Kaixin.COM:开心网被全面克隆
内蒙古高校主流媒体上上网
内蒙古电影网站长巴特尔
内蒙古电影网
 热门排行
哀悼地震死难同胞网站变灰色
北京市有望在IT行业试行在家办公
谁来保护弱势站长群体的信息安全?
IT实验室2007年度网络宣传大事例
访谈:客齐集员工—内蒙古小伙儿姜丰波
北方新报做媒 一对网络情侣喜结良缘
3158商机网与IT实验室08元旦联谊活动MTV
IT实验室与3158商机网元旦活动
震撼世界!2008年互联网趋势预测
邢明:明后两年将是互联网的社区年
 
孵化网站:  
内蒙古在线 内蒙古文学网 内蒙古好网 网络广告网 内蒙古旅游在线 内蒙古汽车网 婴幼儿保健网 内蒙古大学生网 内蒙古物流网 内蒙古房产网内蒙古家居装饰网
合作媒体:
DoNews IT中国 站长网 落伍者 中国站长站 AdminTech 内蒙古新闻网 北方新闻网 内蒙古晨报 内蒙古商报 呼和浩特晚报
合作赞助:
内蒙古新闻网 新闻网博客频道 图吧 飞普科技 盛开元广告 内蒙古商报 互联网实验室 乌海在线 广东武警医院整形美容 广州整形美容医院 梦想家博客
友情链接:
内蒙古电子杂志网内蒙古第一站子寒热点互联网BIOS之家分享IT每一天IT技术部
山西站长网山炮摇滚视频网草原论坛中国生活指南网内蒙古动漫电影网阿尔山旅游网呼和浩特人才网
内蒙古拍易拍信息网串串网站导航站长中国网罗伊-电子商务信息网络安全调查九上网导航 计算机病毒处理中心
鄂尔多斯之窗内蒙古房地产家具网内蒙古金融网内蒙信息港内蒙信息网青城之恋塞外传媒网
包头移动公寓网内蒙古生活信息媒体网呼和浩特餐饮娱乐网7度POP网蒙古文化呼和浩特好评网
IT动力源呼伦贝尔旅游网包头社区论坛包头品牌网太平洋电脑网内蒙古站全客网土默川信息网
关于本站 - 业务合作 - 广告合作 - 联系站长 - 设为首页 - 加入收藏 - 友情连接 - 雁过留声
内蒙古IT实验室 版权所有 蒙ICP备07001325号 本站特约顾问:资深的互联网专家黄相如
Copyright(C) 2008 NmgLabs.com All Rights ReservedWeb Hosting Pal