html列表标签

列表是用来布局的。列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。根据使用场景不同,列表可以分为三大类:无序列表、有序列表、自定义列表

无序列表(重点)

基本语法:

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

注意:<ul></ul>中只能嵌套<li></li>,嵌套其他标签或者文字的做法是不被允许的!<li></li>之间相当于一个容器,可以容纳所有元素。

<!-- 错误写法 -->
<ul>
    文字
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

<!-- 正确写法 -->
<ul>
    <li><p>列表项1</p></li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

无序列表会带有自己的样式属性,实际使用中会使用css来设置。

有序列表

基本语法:

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>

注意:<ol></ol>中只能嵌套<li></li>,嵌套其他标签或者文字的做法是不被允许的!<li></li>之间相当于一个容器,可以容纳所有元素。和无序列表相同。

自定义列表(重点

使用场景:网站底部

html列表标签

基础语法:

<dl>
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dd>名词1解释2</dd>
</dl>

<dl>定义描述列表,会与<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。

注意:<dl></dl>里面只能包含<dt>和<dd>。<dt>和<dd>个数没有限制,经常是一个<dt>对应多个<dd>。

版权声明:本文由迟博勋博主编辑发布,如需转载请注明来源!本文地址:https://www.chiboxun.com/439.html

(1)

猜你想看

发表回复

登录后才能评论

联系博主

139-xxxx-2322

在线沟通: QQ交谈

邮箱:chinachiboxun@gmail.com