首页前端开发JavaScript深入解析html中列表的几种方式

深入解析html中列表的几种方式

时间2024-01-29 13:08:03发布访客分类JavaScript浏览172
导读:收集整理的这篇文章主要介绍了深入解析html中列表的几种方式,觉得挺不错的,现在分享给大家,也给大家做个参考。在htML中,有三种列表方式,分别是有序列表,无序列表和定义列表,下面就跟着小编一起去看看这三种列表吧。一.无序列表用粗体圆点(典...
收集整理的这篇文章主要介绍了深入解析html中列表的几种方式,觉得挺不错的,现在分享给大家,也给大家做个参考。在htML中,有三种列表方式,分别是有序列表,无序列表和定义列表,下面就跟着小编一起去看看这三种列表吧。

一.无序列表

用粗体圆点(典型的小黑圆圈)进行标记。列表始于 ul> 标签。每个列表项始于 li> 。

ul>
      li>
    HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。/li>
      li>
    HTML5草案的前身名为Web Applications 1.0。/li>
      li>
    2004年被WhatWG提出。/li>
      li>
    2007年被W3C接纳,并成立了新的HTML5工作团队。/li>
      li>
    2008年1月22日,第一份正式草案公布。/li>
    /ul>
    

结果:

二.有序列表

用数字进行标记。列表始于 ol> 标签。每个列表项始于 li> 标签,默认从1开始编号。

ol>
      li>
    HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。/li>
      li>
    HTML5草案的前身名为Web Applications 1.0。/li>
      li>
    2004年被WHATWG提出。/li>
      li>
    2007年被W3C接纳,并成立了新的HTML5工作团队。/li>
      li>
    2008年1月22日,第一份正式草案公布。/li>
    /ol>
    

输出内容为:

三.定义列表

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

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

dl>
            dt>
    html5/dt>
            dd>
    html5的历史/dd>
            dt>
                HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。        /dt>
            dl>
                HTML5草案的前身名为Web Applications 1.0。        /dl>
            dt>
                2004年被WHATWG提出。        /dt>
            dl>
                2007年被W3C接纳,并成立了新的HTML5工作团队。        /dl>
            dl>
                2008年1月22日,第一份正式草案公布。        /dl>
        /dl>
    

结果为:

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

以上就是深入解析html中列表的几种方式的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: html怎么做表格下一篇:如何判断html中文本框内容是否为...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: 深入解析html中列表的几种方式
本文地址: https://pptw.com/jishu/591120.html
如何判断html中文本框内容是否为空 html怎么设置hr

游客 回复需填写必要信息