列表标签

列表标签

表格⽤来显示数据，列表是⽤来布局，列表的特点是整⻬、有序，它布局会更⾃由⽅便

1-1无序列表（常用）*

< ul >标签表示HTML⻚⾯中项⽬的⽆序列表，⼀般会以呈现列表项

< li >标签表示列表项

<ul>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    ...
</ul>

△ ⽆序列表的各个列表项之间没有顺序之分，是并列的

△ < ul > <／ul >中只能嵌套< li > <／li >，直接在< ul >< ／ul >标签中输⼊其它标签或⽂字的做法是不允许的

△ < li > 与<／li >之间可以输⼊其它标符或⽂字

△ ⽆序列表会带有⾃⼰的样式属性，但在实际使⽤时，我们会⽤ CSS来设置

1-2有序列表（理解）

​ 各个列表项会按照⼀定的顺序排列

< ol >标签⽤于义有序列表，列表排序以数字来显示

< li >标签来定义列表项

<ol>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    ...
</ol>

△ < ol > <／ol >中只能嵌套< li > <／li >，直接在< ol >< ／ol >标签中输⼊其它标签或⽂字的做法是不允许的

△ ＜li>与< /li >之间相当于一个容器， 可以容纳所有元素。

△ 有序列表会带有自己样式属性，但在实际使用时，我们会使用 CSS 来设置。

1-3自定义列表

⾃定义列表前没任何项⽬符号 ⽤于对术语进⾏和描述

< dl > 标签⽤于定义描述列表，

与**< dt >（定义项⽬／名字）**和 < dd > （描述每⼀个项⽬／名字）⼀起使⽤

<dl>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dd>联系我们</dd>
</dl>

△ ＜dl>< /dl >里只能包含< dt> 和

△ < dt> 和

个数没有限制，经常是一个< dt> 对应多个