如何创建 HTML 列表

在本文开始前,先给大家分享几个好用的IDEA激活码

这里提供几个最新的激活码,有需要的朋友可以试试,先到先用:

2022和2023Intellij IDEA最新激活码,IDEA稳定专属激活码(持续更新)

2022和2023Pycharm激活码,Pycharm稳定专属激活码(持续更新)

2022和2023Webstorm激活码,Webstorm稳定专属激活码(持续更新)

2022和2023Phpstorm激活码,Phpstorm稳定专属激活码(持续更新)

2022和2023Goland激活码,Goland稳定专属激活码(持续更新)

 

有些事情真的是不可避免的。比如税收、涨潮,以及你的手机在处理重要事情时没电了。列表是现代 Web 开发中 不可避免的元素。

Web 开发人员将其用于导航和一般内容。

程序员使用列表将相关信息片段排列在一起,以确保它们易于阅读和理解。 

HTML 允许我们创建列表。让我们开始吧!

HTML 中列表的类型和列表标签的含义

HTML中有三种类型的列表,列表标签用于在页面上标识它们。例如,一个有序列表将有一个<ol>列表标签来定义它对HTML 的功能。

有序列表 <ol>

它的另一个名字是编号列表。您可以使用有序列表按特定顺序排列项目和信息。

您可以使用多种格式(如字母和罗马数字)在有序列表中显示您的数据。 

对于有序列表,我们使用这些标签

  • 有序列表标签<ol> 
  • 列表项标签<li>

无序列表 <ul>

与有序列表不同,您的项目或信息不会有数字、字母或罗马数字来显示所列项目的顺序或序号。 

它的另一个名字是项目符号列表。 

您可以将它用于不需要特定顺序的项目。此外,您还可以使用项目符号列表、圆形、方形和无格式。

对于无序列表,我们使用这些标签

  • 无序列表标签<ul>
  • 列表项标签 <li>

描述列表 <dl>

它的另一个名字是定义列表。您可以使用描述列表以定义形式排列数据。 

对于描述列表,我们使用三个标签:

  • 描述 列表标签<dl>
  • 数据项标签<dt>
  • 数据定义标签  <dd>

有序列表和无序列表的区别 

有序列表和无序列表虽然都是用来做列表的,但是还是有区别的。下表是它们之间的一些差异。


因素
有序列表 无序列表
功能 用于对按顺序出现的项目或信息进行分组,例如执行任务的大纲或程序 用于对不需要序列的项目或信息进行分组。
标签  它使用 </ol> 标签。 它使用 </ul> 标签。
格式  它可以使用各种格式,例如数字、字母和罗马数字,   它使用诸如项目符号列表、光盘、无和方形格式等格式。
属性  它具有typestartreverse等属性 它仅使用类型属性。

如何创建有序列表 

要编写代码,您可以在列表的开头添加一个开始标记 <ol>并在列表的末尾添加 一个结束标记 </o> ,表明它是一个有序列表。

您还可以将开始<li>和结束</li> 列表标记添加到列表中的每个列表项。例如,如果您想概述准备一道菜的步骤。 

结果

独奏学习

提升您的技术技能的完美平台。

跳舞

一项让您开心并锻炼肌肉的活动。

离不开它,除非你不想活了。

发布者:admin,转转请注明出处:https://www.ajihuo.com/soft/5303.html

(0)
上一篇 2023年2月17日 下午3:06
下一篇 2023年2月20日 上午10:45

相关推荐

  • python web运维开发中级视频教程

    python web运维开发中级视频教程 下载链接:https://pan.baidu.com/s/1J52kfsHpZOkq3jyp77kiow?pwd=1234提取码:1234 这里提供几个最新的激活码,有需要的朋友可以试试,先到先用: 2022和2023Intellij IDEA最新激活码,IDEA稳定专属激活码(持续更新) 2022和2023Pych…

    2023年3月15日
    00
  • 如何使用 SQL

    在本文开始前,先给大家分享几个好用的IDEA激活码 这里提供几个最新的激活码,有需要的朋友可以试试,先到先用: 2022和2023Intellij IDEA最新激活码,IDEA稳定专属激活码(持续更新) 2022和2023Pycharm激活码,Pycharm稳定专属激活码(持续更新) 2022和2023Webstorm激活码,Webstorm稳定专属激活码(…

    2023年1月17日
    00
  • 密码保护:Django开发实战课程快速开发

    无法提供摘要。这是一篇受保护的文章。

    2022年11月4日
    00
  • 为什么 Python 在金融领域如此火爆?

    在本文开始前,先给大家分享几个好用的IDEA激活码 这里提供几个最新的激活码,有需要的朋友可以试试,先到先用: 2022和2023Intellij IDEA最新激活码,IDEA稳定专属激活码(持续更新) 2022和2023Pycharm激活码,Pycharm稳定专属激活码(持续更新) 2022和2023Webstorm激活码,Webstorm稳定专属激活码(…

    2022年12月30日
    00
  • 你的求职:如何建立你的专业品牌和叙事

    在本文开始前,先给大家分享几个好用的IDEA激活码 这里提供几个最新的激活码,有需要的朋友可以试试,先到先用: 2022和2023Intellij IDEA最新激活码,IDEA稳定专属激活码(持续更新) 2022和2023Pycharm激活码,Pycharm稳定专属激活码(持续更新) 2022和2023Webstorm激活码,Webstorm稳定专属激活码(…

    2023年1月1日
    00

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注