您现在的位置是:群英 > 开发技术 > web开发
HTML中列表标签有哪些,怎么使用
Admin发表于 2022-05-11 17:57:302104 次浏览
关于“HTML中列表标签有哪些,怎么使用”的知识点有一些人不是很理解,对此小编给大家总结了相关内容,文中的内容简单清晰,易于学习与理解,具有一定的参考学习价值,希望能对大家有所帮助,接下来就跟随小编一起学习一下“HTML中列表标签有哪些,怎么使用”吧。


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

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

html网页的列表

  • 无序列表

  • 有序列表

  • 自定义列表

1、无序列表

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

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

<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>

浏览器显示如下:

2、有序列表

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

列表项使用数字来标记。

<ol>
<li>第一个列表项</li>
<li>第二个列表项</li>
<li>第三个列表项</li>
</ol>

浏览器显示如下:

3、自定义列表

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

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

<dl>
  <dt>Coffee</dt>
  <dd>黑热饮</dd>
  <dt>Milk</dt>
  <dd>白冷饮</dd>
</dl>

浏览器显示如下:

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


关于“HTML中列表标签有哪些,怎么使用”的内容就介绍到这,感谢各位的阅读,相信大家对HTML中列表标签有哪些,怎么使用已经有了进一步的了解。大家如果还想学习更多知识,欢迎关注群英网络,小编将为大家输出更多高质量的实用文章!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: html列表标签
相关信息推荐
2022-08-31 17:26:27 
摘要:​本文给大家介绍js onchange 事件在下拉框中的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
2022-05-17 17:03:43 
摘要:在bootstrap中,panel指的是“面板”组件,用于把DOM组件插入到一个盒子中;创建该组件,只需向div元素添加“panel”和“panel-xxx”样式即可,会产生具有边框的文本显示块,“panel-xxx”样式用于设置主题颜色。
2022-06-22 17:46:54 
摘要:本篇文章带大家了解一下Node第三方框架Express,简单聊聊如何使用好Express框架,希望对大家有所帮助!
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部