`
zhangyaochun
  • 浏览: 2560915 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

html之<ol>标签

olhtml标签 
阅读更多

html <ol>标签

 

   ----- 定义有序列表

 

 

<ol>
   <li>第一项</li>
   <li>第二项</li>
   <li>第三项</li>
</ol>

 

HTML与XHTML之间的差异：

 

  • 在HTML4.01中，ol元素的"compact"、"start"以及"type"属性是不被赞成使用的
  • 在XHTML1.0 Strict DTD中，ol元素的"compact"、"start"以及"type"属性是不被支持的。

可选的属性：

  • compact  ----compact ----- 不赞成使用，用样式代替
  • start  ----- number ----- 不赞成使用，用样式代替，规定列表中的起始点
  • type  ----- A | a | l | i |1   -----规定列表的类型，不赞成使用，用样式代替

下面简单地列一下对于css来解决type
  • type=A      ---------   list-style-type:upper-alpha
  • type=a      ---------   list-style-type:lower-alpha
  • type=i       ---------   list-style-type:lower-roman
  • type=l       ---------   list-style-type:upper-roman
  • type=1      ---------   list-style-type:decimal
注意：

    当同时出现type与list-style-type的时候，优先级是list-style-type





分享到：
| 整理部分html5新增属性
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用.doc

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 方法/步骤 1无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。...无序列表始于 &lt;ul&gt; 标签。每个列表项始于 &lt;li&gt;。

    HTML_CSS学习笔记.docx

    4.2. &lt;ol&gt;&lt;li&gt;标签：实现有序列表 16 5. HTML5图片，链接&表格标签 16 5.1. &lt;img&gt;标签：为网页添加图片 16 5.2. &lt;a&gt;标签：为网页添加超链接 17 5.3. &lt;a&gt;标签 target属性：在窗口中打开链接 17 5.4. &lt;table&gt;家族：为...

    HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

    HTML &lt;dl&gt; 标签 #定义和用法 &lt;dl&gt; 标签定义了定义列表（definition list）。&lt;dl&gt; 标签用于结合 &lt;dt&gt; （定义列表中的项目）和 &lt;dd&gt; （描述列表中的项目）。 #实例 复制代码代码如下:&lt;dl&gt; &lt;dt&gt;计算机&lt;/dt&gt; &lt;dd&gt;用来...

    使用HTML开发商业网站-CSS元素的类型和转换课件.pptx

    &lt;ol&gt; &lt;div&gt; &lt;li&gt; 其中&lt;div&gt;标签是最典型的块元素。 元素的类型和转换 &lt;a&gt; &lt;em&gt; 常见的行内元素 &lt;strong&gt; &lt;span&gt; &lt;b&gt; &lt;u&gt; 其中&lt;span&gt;标签最典型的行内元素。 元素的类型和转换 元素的类型和转换 元素的类型和转换 ...

    HTML S1 知识点总结

    北大青鸟s1 HTML 知识点总结 HTML5的优势 世界知名浏览器厂商对HTML5的支持:微软 、Google、苹果、Opera、Mozilla 市场的需求 ...没有顺序，每个&lt;dt&gt;标签、&lt;dd&gt;标签独占一行（块元素） 默认没有标记

    前端开发开发入门技巧点以及教程知识点总结.docx

    学习和使用常见的HTML标签，如标题标签（&lt;h1&gt;至&lt;h6&gt;）、段落标签&lt;p&gt;、图像标签&lt;img&gt;、链接标签&lt;a&gt;、列表标签&lt;ul&gt;/&lt;ol&gt;/&lt;li&gt;等。 理解HTML5新增的语义化标签，比如&lt;header&gt;, &lt;nav&gt;, &lt;section&gt;, &lt;article&gt;, &lt;footer&gt;等...

    HTML:超文本标题语言

    &lt;/ul&gt; 只能嵌套&lt;li&gt;标签，&lt;li&gt;标签可以容纳所有元素 &lt;ol&gt; &lt;li&gt;...&lt;/li&gt; &lt;li&gt;...&lt;/li&gt; ... &lt;/ol&gt; 用于有序的排列 &lt;dl&gt; &lt;dt&gt;...&lt;/dt&gt; &lt;dd&gt;...&lt;/dd&gt; &lt;dd&gt;...&lt;/dd&gt; &lt;dd&gt;...&lt;/dd&gt; ... &lt;/dl&gt; &lt;dl&gt;是自定义列表，...

    Html5中文手册(程序员必备手册)

    59、&lt;ol&gt; 定义有序列表。 60、&lt;optgroup&gt; 定义选项组。 61、&lt;option&gt; 定义下拉列表中的选项。 62、&lt;output&gt; 定义输出的一些类型。 63、&lt;p&gt; 定义段落。 64、&lt;param&gt; 为对象定义参数。 65、&lt;pre&gt; 定义预格式化文本。 ...

    dl,dt,dd标记在网页中要充分利用

    我们在制作网页过程中用到列表时一般会使用&lt;ul&gt;或者&lt;ol&gt;标签，很少用刑&lt;dl&gt;标签，但是这个三个标签却有着不可忽视的作用，毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是： &lt; dl&gt;&lt; /dl&gt;用来创建一个...

    H5+CSS3.zip

    列表标签：使用&lt;ul&gt;&lt;li&gt;实现无序列表，使用&lt;ol&gt;&lt;li&gt;实现有序列表； 使用&lt;img&gt;标签添加图片，使用&lt;a&gt;标签添加链接，使用table添加表格，使用thead、tbody、tfood定义表格； 表单标签：使用&lt;form&gt;创建表单，文本输入框...

    使用HTML开发商业网站-有序列表课件.pptx

    使用HTML开发商业网站 有序列表 有序列表 以百度歌曲排行榜为例，认识有序列表。 列表标签 定义有序列表的基本语法格式...不赞成使用&lt;ol&gt;、&lt;li&gt;的type、start和value属性，一般通过CSS样式属性替代。 有序列表 谢谢大家

    HTML5&CSS3网页制作：元素的类型.pptx

    &lt;ol&gt; &lt;div&gt; &lt;li&gt; 其中&lt;div&gt;标记是最典型的块状元素。 内联元素 标签在一行内，宽度和高度由内容决定，只有在内容超过HTML的宽度时，才会换行； 表现形式始终以行内逐个进行显示； 没有自己的形状，不能定义宽高，...

    详解HTML5中ol标签的用法

    定义和用法&lt;ol&gt; 标签定义有序列表。HTML 4.01 与 HTML 5 之间的差异在 HTML 4.01 中，不赞成使用 start 属性，在 HTML 5 中是允许的。在 HTML 4.01 中，不赞成使用 compact 和 type 属性，在 HTML 5 中，不再支持这...

    GBMad BBS SysTem128 强化版

    去掉ubb标签 ol ul.增添 Code 标签. &lt;br&gt; 7.分组显示置顶铁和普通帖.(官方网站此功能已经出来了,但没有发布.其实很简单,我在这里就给大家改好.)&lt;br&gt; 9.加强HTML发帖权限管理.(随时可以添加或解除帖子HTML语言解释)...

    html中常用的标签总结(必看)

    内容详细标签： &lt;h1&gt;~&lt;h6&gt;标题标签&lt;pre&gt;格式化文本&lt;u&gt;下划线（underline)&lt;i&gt;斜体字（italics）&lt;cite&gt;引用，通常为斜体&lt;em&gt;强调...&lt;dl&gt;、&lt;dt&gt;和&lt;dd&gt;是定义列表的标签&lt;ul&gt;和&lt;li&gt;无序列表&lt;ol&gt;和&lt;li&gt;有序列表 表格标签：

    html无序列表标签和有序列表标签使用示例

    一、上下层列表标签:&lt;dl&gt;..&lt;/dl&gt;： 上层dt下层dd：封装的内容会被自动缩进的效果 复制代码代码如下:&lt;dl&gt;&lt;dt&gt;运动户外&lt;/dt&gt;&lt;dd&gt;板鞋&lt;/dd&gt;&lt;dd&gt;篮球鞋&lt;/dd&gt;&lt;dd&gt;足球鞋&lt;/dd&gt;&lt;dd&gt;跑步鞋&lt;/dd&gt;&lt;/dl&gt; 二、定义有序列表: &lt;ol...

    细数html中的列表标签

    1.&lt;dl&gt;定义列表，&lt;dt&gt;定义列表中的项目，&lt;dd&gt;对...3.&lt;ol&gt;有序列表，&lt;li&gt;列表项 例： 效果： 以上这篇细数html中的列表标签就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。

    HTML列表标签dl、ul、ol 的使用示例

    主要介绍了HTML列表标签dl、ul、ol 的使用，比较适合初学者，大家若感兴趣的可以学习下

    jQuery完全实例.rar

    &lt;p&gt;one&lt;/p&gt; &lt;div&gt;&lt;p&gt;two&lt;/p&gt;&lt;/div&gt; &lt;p&gt;three&lt;/p&gt; jQuery 代码: $("div &gt; p"); 结果: [ &lt;p&gt;two&lt;/p&gt; ] -------------------------------------------------------------------------------- 在文档的第一个表单...

Magicbox
Global site tag (gtag.js) - Google Analytics