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

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

深入解析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中列表的几种方式的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:解析HTML5中的标签嵌套规则
下一篇:深入了解React中setState的更新机制

发表评论

关闭广告
关闭广告