`
chinagdvea
  • 浏览: 131362 次
  • 性别: Icon_minigender_1
  • 来自: 韶关
社区版块
存档分类
最新评论

有序表<ol>无序表<ul>

    博客分类:
  • html
 
阅读更多
1.有序表

<html>
<body>

<h4>一个有序列表:</h4>
<ol>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>

</body>


</html>

效果

一个有序列表:

咖啡

牛奶

2.无序表

<html>

<body>

<h4>一个无序列表:</h4>
<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>

</body>


</html>

效果

一个无序列表:

咖啡

牛奶

分享到:
评论

相关推荐

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

    以下将详细介绍HTML列表中的一些主要元素:`&lt;dl&gt;`, `&lt;dt&gt;`, `&lt;dd&gt;`, `&lt;ul&gt;`, `&lt;li&gt;`, 和 `&lt;ol&gt;` 的区别及应用。 1. **无序列表(Unordered List)** 无序列表通常用于显示不需按特定顺序排列的项目。它使用`&lt;ul&gt;`...

    HTML基础代码资源

    3. **基本标签**:HTML的主体内容由一系列元素组成,如段落(`&lt;p&gt;`)、标题(`&lt;h1&gt;`到`&lt;h6&gt;`)、无序列表(`&lt;ul&gt;`和`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`和`&lt;li&gt;`)、图片(`&lt;img&gt;`)等。 4. **块级元素与内联元素**:块级...

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

    - `&lt;ul&gt;` 和 `&lt;/ul&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;我们提供的软件类别包括:&lt;/p&gt; ...

    HTML5&CSS3网页制作:列表元素.pptx

    通过在已有的`&lt;ul&gt;`或`&lt;ol&gt;`标签内部嵌套新的`&lt;ul&gt;`或`&lt;ol&gt;`标签,即可实现嵌套列表。例如: ```html &lt;ul&gt; &lt;li&gt;大类1 &lt;ul&gt; &lt;li&gt;小类1.1&lt;/li&gt; &lt;li&gt;小类1.2&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;大类2 &lt;ol&gt; &lt;li&gt;小类2.1&lt;/li...

    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学习初探 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 li 标签.doc

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

    作业.docx

    HTML中有三种类型的列表:无序列表&lt;ul&gt;、有序列表&lt;ol&gt;和定义列表&lt;dl&gt;。无序列表的列表项目之间没有顺序,有序列表的列表项目之间有顺序,定义列表用于定义术语和解释。 4. 列表类型:&lt;ul&gt;、&lt;ol&gt;、&lt;dl&gt; 题目中问的是...

    HTML列表.rar

    这可以通过在`&lt;li&gt;`标签内再次使用`&lt;ol&gt;`或`&lt;ul&gt;`实现,以展示层次结构。例如: ```html &lt;ul&gt; &lt;li&gt;水果 &lt;ul&gt; &lt;li&gt;苹果&lt;/li&gt; &lt;li&gt;香蕉&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;蔬菜 &lt;ul&gt; &lt;li&gt;西红柿&lt;/li&gt; &lt;li&gt;黄瓜&lt;/li&gt; &lt;/...

    网页设计-列表项目.ppt

    无序列表需要使用无序列表标记符 `&lt;UL&gt;&lt;/UL&gt;` 和列表项(List item)标记符 `&lt;LI&gt;&lt;/LI&gt;`(结束标记符可省略)。 无序列表的类型可以通过 `type` 属性来控制,包括 `disc`、`circle`、`square` 等类型。例如: `...

    实验5 列表与表格——让网站更规整(4学时).zip

    列表分为有序列表(`&lt;ol&gt;`)和无序列表(`&lt;ul&gt;`)。有序列表用于展示具有特定顺序的信息,如步骤或排名;无序列表则常用于列举项目,无需特定的排列顺序。每个列表项由`&lt;li&gt;`标签包裹。例如: ```html &lt;ol&gt; &lt;li&gt;第...

    web标准教程,帮你走进web标准设计的世界 第二讲

    无序列表`&lt;ul&gt;`使用圆点作为默认标记,而有序列表`&lt;ol&gt;`则使用数字。 对于列表,`&lt;li&gt;`标签内的`&lt;a&gt;`标签用于创建链接,点击后用户可以跳转到相应的页面。注意,`&lt;ul&gt;`和`&lt;ol&gt;`都是块级元素,它们会占据整个容器的...

    HTML02基础总结.md

    有序列表使用`&lt;ol&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;ol&gt;`:有序列表标签。 - `&lt;li&gt;`:列表项标签,嵌套在`...

    2022年HTML语言剖析(六)清单标记CSSHTML教程.docx

    无序列表由`&lt;UL&gt;`标签定义,每个列表项同样由`&lt;LI&gt;`标签包裹,但它们前缀有符号,如圆点、方块或圆圈。例如: ```html &lt;UL&gt; &lt;LI&gt;项目1&lt;/LI&gt; &lt;LI&gt;项目2&lt;/LI&gt; ... &lt;/UL&gt; ``` `&lt;UL&gt;`标签的`type`属性可以设置符号...

    实验2列表、表格与多媒体标签(学生端资料).zip

    HTML提供两种类型的列表:无序列表(unordered lists, `&lt;ul&gt;`)和有序列表(ordered lists, `&lt;ol&gt;`)。无序列表使用圆点或其他符号来分隔项目,而有序列表则使用数字或字母进行排序。每个列表项由`&lt;li&gt;`标签定义。...

    w3school中文全站 2013年5月版 html版

    6. 列表:无序列表&lt;ul&gt;和有序列表&lt;ol&gt;,以及嵌套列表的使用。 7. 表格&lt;table&gt;:学习如何创建和格式化表格,包括行&lt;tr&gt;、列&lt;td&gt;和表头&lt;th&gt;。 8. 框架和布局:如框架集&lt;frameset&gt;和框架[frame],以及CSS(Cascading ...

    基于html css js的超详细网页设计入门教程总结.docx

    2.列表类标签:&lt;ul&gt;(无序列表)、&lt;ol&gt;(有序列表)、&lt;li&gt;(列表项)。 3.链接与媒体类标签:&lt;a&gt;(超链接)、&lt;img&gt;(图像)、&lt;video&gt;、&lt;audio&gt;。 4.表格类标签:&lt;table&gt;、&lt;tr&gt;(行)、&lt;td&gt;(单元格)、&lt;th&gt;(表头...

    HTML5+CSS3开发商业站点Chapter2.pptx

    - 无序列表(`&lt;ul&gt;`) - 有序列表(`&lt;ol&gt;`) - 定义列表(`&lt;dl&gt;`) **无序列表** - **语法**: ```html &lt;ul&gt; &lt;li&gt;列表项1&lt;/li&gt; &lt;li&gt;列表项2&lt;/li&gt; ... &lt;/ul&gt; ``` - **特性**: - 没有顺序,每个`&lt;li&gt;`...

    第五次课:网页制作中列表和图象的使用

    嵌套列表通过在子级列表上使用相同的`&lt;ul&gt;`或`&lt;ol&gt;`标签实现,但要放在父级`&lt;li&gt;`标签内部: ```html &lt;ul&gt; &lt;li&gt;父级项1 &lt;ul&gt; &lt;li&gt;子级项1.1&lt;/li&gt; &lt;li&gt;子级项1.2&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;父级项2 &lt;ol&gt; &lt;li&gt;...

    网页基础代码

    这里展示了如何创建无序列表(使用`&lt;ul&gt;`)和有序列表(使用`&lt;ol&gt;`)。`type`属性用于指定列表项前的标记类型。 #### 超链接 ```html &lt;a href="http://W3school.com.cn/"&gt;Visit the school to start.&lt;/a&gt; ``` 这段...

Global site tag (gtag.js) - Google Analytics