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

html之<ol>标签

阅读更多

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





分享到:
评论

相关推荐

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

    总结来说,HTML列表通过`&lt;ul&gt;`, `&lt;li&gt;`, `&lt;ol&gt;`, `&lt;dl&gt;`, `&lt;dt&gt;`, 和 `&lt;dd&gt;`等标签,提供了多种方式来组织和呈现信息。根据内容的性质和展示需求,选择合适的列表类型,可以有效地提高网页的可读性和用户体验。记住...

    html语言课程

    - **文档开始与结束**:HTML文档以`&lt;html&gt;`标签开始,以`&lt;/html&gt;`标签结束。 - **文档头**:由`&lt;head&gt;`标签包裹,其中包含文档的元数据,例如标题(`&lt;title&gt;`)、样式(`&lt;style&gt;`)、脚本(`&lt;script&gt;`)等。 - **...

    HTML li 标签.docx

    HTML li 标签定义列表项目,可以用在有序列表(&lt;ol&gt;)和无序列表(&lt;ul&gt;)中。它可以单独使用,也可以与其他标签结合使用,如 &lt;ol&gt;、&lt;ul&gt;、&lt;dl&gt; 等。li 标签的基本语法如下: ```html &lt;ol&gt; &lt;li&gt;项目 1&lt;/li&gt; &lt;li&gt;...

    HTML标签(下)(表格+列表+表单)

    有序列表使用&lt;ol&gt;标签定义,无序列表使用&lt;ul&gt;标签定义,定义列表使用&lt;dl&gt;标签定义。 有序列表 有序列表使用&lt;ol&gt;标签定义,列表项使用&lt;li&gt;标签定义。例如: ``` &lt;ol&gt; &lt;li&gt;列表项1&lt;/li&gt; &lt;li&gt;列表项2&lt;/li&gt; &lt;li&gt;...

    HTML标签英文单词

    `&lt;ol&gt;` 标签用于定义有序列表。它可以用于列举按特定顺序排列的项目,如步骤、排名等。 ### &lt;optgroup&gt;: Option Group `&lt;optgroup&gt;` 标签用于定义 `&lt;select&gt;` 下拉列表中的选项组。它可以用来对列表中的选项进行...

    网站建设培训教程、HTML教程、html标签汇总

    - **`&lt;ol&gt;` 标签**:定义有序列表。 - 示例: ```html &lt;ol&gt; &lt;li&gt;项目1&lt;/li&gt; &lt;li&gt;项目2&lt;/li&gt; &lt;li&gt;项目3&lt;/li&gt; &lt;/ol&gt; ``` ### 综合实例 以下是一个简单的 HTML 文档示例,展示了上述标签的使用方法: ```...

    html标签介绍大全

    HTML提供了多种标签用于文本格式化,如&lt;b&gt;粗体&lt;/b&gt;、&lt;i&gt;斜体&lt;/i&gt;、&lt;u&gt;下划线&lt;/u&gt;、&lt;strong&gt;强调&lt;/strong&gt;、&lt;em&gt;着重&lt;/em&gt;、&lt;del&gt;删除线&lt;/del&gt;等。此外,&lt;pre&gt;用于保留原文格式,&lt;code&gt;表示代码块,&lt;abbr&gt;表示缩写。 ...

    html标签及用法

    &lt;ul&gt;和&lt;ol&gt;用于无序列表和有序列表,其中&lt;li&gt;定义列表项;&lt;dl&gt;、&lt;dt&gt;和&lt;dd&gt;用于定义术语和描述列表。 五、段落和引用 &lt;div&gt;是通用容器,常用于分组其他元素;&lt;span&gt;用于在行内元素中进行样式控制或分组;...

    HTML标签汇总模板.doc

    &lt;ol&gt; 标签用于定义有序列表,可以通过 type 属性设置列表项的样式。 * type:设置列表项的样式 * start:设置列表的开始编号 这些 HTML 标签汇总模板为网页设计和开发提供了基本的结构和样式控制,可以帮助开发者...

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

    本篇将深入解析HTML的三种主要列表标签:`&lt;dl&gt;`、`&lt;ul&gt;`和`&lt;ol&gt;`,以及它们的子标签,帮助初学者理解如何有效地使用这些标签来构建结构化的列表。 1. **定义列表(Definition List):&lt;dl&gt;, &lt;dt&gt;, 和&lt;dd&gt;** `&lt;dl&gt;`...

    HTML的简介及标签的使用

    列表标签分为无序列表(`&lt;ul&gt;`)和有序列表(`&lt;ol&gt;`): - **无序列表**:用于创建项目列表,每个项目使用`&lt;li&gt;`标签包裹。 - 默认情况下,列表项前会有一个圆形图标。 - 可以通过`type`属性改变图标样式,如`&lt;ul...

    完美html教程,里面包含两个ppt html课件,一个一个html标签库文档

    PPT可能还讲解了如何创建列表&lt;ul&gt;、&lt;ol&gt;和&lt;li&gt;,以及如何使用&lt;blockquote&gt;引用内容,&lt;pre&gt;保留原始格式的代码块等。 "HTML菜鸟教程别说你看不懂.doc"这个名字暗示这是一个适合初学者的文档,它可能会以通俗易懂的...

    关于html标签的使用

    HTML5引入了许多新标签,如&lt;header&gt;、&lt;footer&gt;、&lt;nav&gt;、&lt;section&gt;、&lt;article&gt;等,增强了网页的语义性。同时,新增的&lt;video&gt;和&lt;audio&gt;标签支持视频和音频播放。 以上只是HTML标签的一小部分,实际使用中还有更多...

    前端学习day01-HTML标签01

    列表是HTML中常见的元素,有序列表`&lt;ol&gt;`和无序列表`&lt;ul&gt;`以及它们的子标签`&lt;li&gt;`用于创建列表项。例如: ```html &lt;ol&gt; &lt;li&gt;项目1&lt;/li&gt; &lt;li&gt;项目2&lt;/li&gt; &lt;li&gt;项目3&lt;/li&gt; &lt;/ol&gt; ``` 表格`&lt;table&gt;`、行`&lt;tr&gt;`、列`...

    html学习初探 doc

    在`&lt;body&gt;`中,`&lt;p&gt;`标签用于创建段落,`&lt;br&gt;`标签插入换行,`&lt;blockquote&gt;`用于长引用,`&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;`组合用于定义列表,`&lt;ol&gt;`和`&lt;ul&gt;`分别用于创建有序和无序列表,`&lt;li&gt;`则是列表项。`&lt;div&gt;`元素作为容器,常...

    HTML从入门到精通 第4章 列表

    - `&lt;ol&gt;` 和 `&lt;/ol&gt;` 标签用于定义整个有序列表。 - `&lt;li&gt;` 标签用于定义列表中的每一项。 **示例代码:** ```html &lt;html&gt; &lt;head&gt; &lt;title&gt;有序列表示例&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;创建HTML文件的步骤:&lt;/p&gt; &lt;ol&gt;...

    HTML总结整本书

    **&lt;OL&gt;和&lt;UL&gt;标签**分别创建有序列表和无序列表,列表项用&lt;li&gt;标签定义: ```html &lt;ol&gt; &lt;li&gt;条目1&lt;/li&gt; &lt;li&gt;条目2&lt;/li&gt; &lt;/ol&gt; &lt;ul&gt; &lt;li&gt;项目1&lt;/li&gt; &lt;li&gt;项目2&lt;/li&gt; &lt;/ul&gt; ``` 表格基础部分涉及**&lt;table&gt;**、**...

    html 详细课堂笔记html 详细课堂笔记

    &lt;ul&gt;是无序列表标签,&lt;ol&gt;是有序列表标签,&lt;li&gt;是列表项标签。 四、HTML实践 4.1 实践项目 本次实践项目的目的是创建一个简单的网页,使用HTML标签来描述网页的结构和样式。 4.2 实践步骤 实践步骤包括: (1...

    HTML li 标签.doc

    HTML `&lt;li&gt;` 标签是用于创建列表项目的元素,它在有序列表 `&lt;ol&gt;` 和无序列表 `&lt;ul&gt;` 中起到核心作用。这个标签使得文本以特定的格式呈现,例如在无序列表中通常显示为圆点、方块或圆圈,在有序列表中则显示为数字或...

    HTML静态页面的标签

    4. 列表标签:&lt;ul&gt;、&lt;ol&gt;、&lt;li&gt;,用于定义无序列表和有序列表,列表项使用&lt;li&gt;标签定义。 5. 描述标签:&lt;dl&gt;、&lt;dt&gt;、&lt;dd&gt;,用于定义描述列表,dt 标签定义标题,dd 标签定义描述内容。 6. 表格标签:&lt;table&gt;、&lt;tr&gt;...

Global site tag (gtag.js) - Google Analytics