程序员之家
程序员之家

HTML 列表


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

有序列表

  1. 有序列表第一项
  2. 有序列表第二项
  3. 有序列表第三项

无序列表

  • 无序列表第一项
  • 无序列表第二项
  • 无序列表第三项

HTML无序列表

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

无序列表使用 <ul> 标签

<ul>
    <li>语文</li>
    <li>数学</li>
    <li>物理</li>
</ul>

HTML 有序列表

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

列表项使用数字来标记。

<ol>
    <li>语文</li>
    <li>数学</li>
    <li>物理</li>
</ol>

HTML 自定义列表

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

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

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

注意事项 - 有用提示

提示:列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。


手机扫码阅读本文


本文来自互联网,本网站转载的目的在于传递更多信息以供访问者学习参考,所属内容只代表原作者的个人观点,不代表本网站的立场和价值判断,版权归原作者所有。如有侵犯您的版权,请联系我们,我们收到后会尽快核实并第一时间改正。


上一篇
下一篇

手机扫码阅读本文

CSS权威指南(第四版)(上下册)【图】
CSS权威指南(第四版)(上下册)

国际公认的HTML、CSS和Web标准领域的专家全新力作。Web视觉呈现技术。全面阐述CSS的实现方式,深入分析全新的CSS规范。

HTML5权威指南【图】
HTML5权威指南

全面详实的Web网页设计参考书

HTML+CSS+Javascript入门经典 第3版【图】
HTML+CSS+Javascript入门经典 第3版

前端开发程序设计教程书籍,以丰富案例和循序渐进的教程,帮助读者零基础自学入门HTML、CSS、Javascript、Web前端开发,提供源代码下载。

html-tutorial html-list