HTML常见的列表标签
2023-12-13 21:37:08
🍧无序列表
ul+li的组合,ul标签与li标签之间尽量不要写标签或内容
列表可以嵌套多层
type属性,可以指定序号的类型
可选值:默认值,使用阿拉伯数字
a/A 采用小写或大写字母作为序号
i/I 采用小写或大写的罗马数字作为序号
<ul>
这是ul和li之间
<li>无序列表,第1个列表项</li>
<li>无序列表,第2个列表项</li>
<li>无序列表,第3个列表项</li>
<li>无序列表,第4个列表项</li>
</ul>
;
🍧有序列表
ol+li的组合,ol标签与li标签之间尽量不要写标签或内容
列表可以嵌套多层
type属性可以修改无序列表的项目符号
属性 | 符号 |
---|---|
disc | 默认值,实心的圆点 |
square | 实心的方块 |
circle | 空心的圆 |
<ol>
这是ol与li之间
<li>无序列表、第1个列表项</li>
<li>无序列表、第2个列表项</li>
<li>无序列表、第3个列表项</li>
<li>无序列表、第4个列表项</li>
</ol>
;
🍧 定义列表
定义列表的每一个定义项是由dt(Define Title)与dd(Define Description)组成。
dl:定义列表标签
dt:表示定义项0的标题
dd:表示对上一个dt中的标题内容进行描述或补充说明
<dl>
<dt>赵本山</dt>
<dd>春晚常驻选手,国内一线大品牌</dd>
<dd>乡村爱情故事,二人转,小品</dd>
</dl>
;
🍧 菜单列表
菜单列表是HTML版本中新增的列表标签,
实际上就是ul标签(无序列表)
<!-- 菜单列表是HTML版本中新增的列表标签,实际上就是ul标签(无序列表) -->
<menu>
<li>首页</li>
<li>商品</li>
<li>专题</li>
<li>用户</li>
<li>版权</li>
</menu>
最后,几种列表标签中最常用的只有ul,当然也有新版本的menu标签。其他的2种标签(ol与dl),基本不使用。
:
OK,以上就是关于HTML常见的列表标签的常见内容啦!
文章来源:https://blog.csdn.net/sweetser/article/details/134881346
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!