当前位置: 首页 > news >正文

0基础学习HTML(十一)列表

HTML 列表


HTML 支持有序、无序和定义列表:

HTML 列表

有序列表

  1. 第一个列表项
  2. 第二个列表项
  3. 第三个列表项

无序列表

  • 列表项
  • 列表项
  • 列表项

HTML无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表使用 <ul> 标签

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

浏览器显示如下:

  • Coffee
  • Milk

HTML 有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

列表项使用数字来标记。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

浏览器中显示如下:

  1. Coffee
  2. Milk

HTML 自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

浏览器显示如下:

Coffee

- black hot drink

Milk

- white cold drink


HTML 列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
<dl>定义列表
<dt>自定义列表项目
<dd>定义自定列表项的描述

http://www.mrgr.cn/news/33183.html

相关文章:

  • 0基础学习HTML(十)表格
  • 对软件进行调试
  • 4、FPGA特征简介
  • Linux下编程实现网络传送文件
  • Java | Leetcode Java题解之第424题替换后的最长重复字符
  • Golang | Leetcode Golang题解之第424题替换后的最长重复字符
  • 【全网最全】2024年华为杯研赛B题成品论文获取入口(后续会更新)
  • NLP 主要语言模型分类
  • Postman cURL命令导入导出
  • 【CSS in Depth 2 精译_036】5.6 Grid 网格布局中与对齐相关的属性 + 5.7本章小结
  • SkyWalking 接入微服务
  • 医院伤员小程序点餐———未来之窗行业应用跨平台架构
  • 几何最起码常识凸显“井底蛙”数学一直将无穷多各异射线误为同一线
  • ESP32-WROOM-32 [创建AP站点-客户端-TCP透传]
  • 联合和枚举
  • C语言 | Leetcode C语言题解之第423题从英文中重建数字
  • 在Ubuntu 18.04上使用rbenv安装Ruby on Rails的方法
  • linux如何启用ipv6随机地址
  • 不同的ipv6地址的用途
  • C++初阶学习——模版进阶