0
点赞
收藏
分享

微信扫一扫

【0008】无序列表

HTML5中提供了三种列表:

【0008】无序列表_前端工程师2022笔记

无序列表是"没有刻意顺序"的列表。


<ul>标签和<li>标签

无序列表使用<ul\></ul\>标签,每个列表项都是<li\></li\>标签。

​ul​​​是unordered list(无序列表)的缩写,​​li​​是list item(列表项)的缩写。

<ul>
<li>面包</li>
<li>牛奶</li>
<li>鸡蛋</li>
<li>水果</li>
</ul>

【0008】无序列表_前端工程师2022_02


无序列表是一个父子组合标签 ,上阵父子兵,不能单独出现。

【0008】无序列表_前端工程师2022笔记_03

当HTML标签形成嵌套,必须注意代码的缩进(TAB键)。

【0008】无序列表_前端工程师2022_04

<li>不能单独使用

<li>标签不能单独使用,它必须放到<ul>或者<ol>标签中使用 。

<ul>的子标签只能是<li>

HTML规定,<ul>的子标签只能是<li>,绝对不能出现其它的任何标签。


<li>可以放任何标签

<li>标签是容器,内部可以放任何其他标签。

<ul>
<li>面包</li>
<li>
牛奶
<p>要脱脂或低脂的</p>
</li>
<li>鸡蛋</li>
<li>水果</li>
</ul>
举报

相关推荐

0 条评论