返回顶部

HTML 列表标签的使用和效果

[复制链接]
程序员007Lv.9 显示全部楼层 发表于 2021-10-29 11:44:55 |阅读模式 打印 上一主题 下一主题

(内容来源于公开网络,若涉及侵权联系尽快删除!)

  一、HTML无序列表

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

  无序列表使用<ul>标签
[HTML] 纯文本查看 复制代码
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

  浏览器显示如下:

  Coffee

  Milk

  二、HTML有序列表

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

  列表项使用数字来标记。
[HTML] 纯文本查看 复制代码
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

  浏览器中显示如下:

  Coffee

  Milk

  三、HTML自定义列表

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

  自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>开始。
[HTML] 纯文本查看 复制代码
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

  浏览器显示如下:

  Coffee

  -blackhotdrink

  Milk

  -whitecolddrink

  四、注意事项-有用提示

  提示:列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
(免责声明:内容来源于公开网络,若涉及侵权联系尽快删除!)

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

达内教育:成立于2002年。致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销、会计等职场人才 达内使命:缔造年轻人的中国梦、缔造达内员工的中国梦 达内愿景:做管理一流的教育公司
  • 商务合作

  • 微信公众号

  • Powered by Discuz! X3.4 | Copyright © 2002-2021, 达内教育 Tedu.cn
  • 京ICP备08000853号-56 |网站地图 | 京公网安备 11010802029508号