html代码html网页的列表标签分为哪几种

 所属分类:web前端开发

 浏览:197次-  评论: 0次-  更新时间:2022-10-18
描述:更多教程资料进入php教程获得。 html网页的列表标签分为3种:1、无序列表,使用“<ul>”标签定义;2、有序列表,使用“<ol>”标签定义;3、...
更多教程资料进入php教程获得。

html网页的列表标签分为3种:1、无序列表,使用“<ul>”标签定义;2、有序列表,使用“<ol>”标签定义;3、自定义列表,使用“<dl>”标签定义。

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html网页的列表

  • 无序列表

  • 有序列表

  • 自定义列表

1、无序列表

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

无序列表使用 <ul> 标签,每个列表项始于 <li> 标签。

<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
登录后复制

浏览器显示如下:

1.png

2、有序列表

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

列表项使用数字来标记。

<ol>
<li>第一个列表项</li>
<li>第二个列表项</li>
<li>第三个列表项</li>
</ol>
登录后复制

浏览器显示如下:

2.png

3、自定义列表

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

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

<dl>
  <dt>Coffee</dt>
  <dd>黑热饮</dd>
  <dt>Milk</dt>
  <dd>白冷饮</dd>
</dl>
登录后复制

浏览器显示如下:

3.png

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

推荐教程:《html视频教程》

以上就是html网页的列表标签分为哪几种的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: html,列表标签,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!