学习web前端历程（三）

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/l123zmj/article/details/97404301

列表标签

1.块级元素和行内元素

块级元素：h1-h6、p、hr、div
行内标签：img、a、em、b、i、u 等等

两者的区别：
（1）块级元素占一行，行内元素在同一行显示。
（2）块级默认宽度100%，行内宽度有内容撑开。
（3）块级可以设置宽高，行内元素不可以。
（4）块级可以嵌套。

2.列表标签：

（1）<ul></ul>  无序列表标签
属性：
type =  disl    circle   square  none（不显示）
格式：
<u>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>

<h4>无序标签</h4>
<h5>中午吃的什么饭？</h5>
<u>l type="circle">
<li>米饭</li>
<li>盖浇饭</li>
<li>盖饭</li>
<li>面条</li>
<li>汤饭</li>
</ul>

（2）

有序列表标签
属性：
type = 1 a A i I

1. 第一项
2. 第二项
3. 第三项

``` ```html

有序列表

奖牌排行榜

1. 美国
2. 中国
3. 俄罗斯
4. 澳大利亚

``` 

注意：

1.<ul></ul>组合的是<li></li>,其他标签不予许组合。
2.<li></li>标签是一个容器，可以容纳所有的元素。
3.列表是自带样式属性的。

（3） <dl></dl>自定义列表
1.有两个层次  列表项<DT>、注释描述项<DD>
<h2>领导人</h2>
<dl>
<dt>列表项</dt>
<dd>描述项</dd>
<dd>描述项</dd>
<dd>描述项</dd>
</dl>

<h2>领导人</h2>
<dl>
<dt>中国领导人</dt>
<dd>习近平</dd>
<dd>李克强</dd>
<dd>栗战书</dd>
<dd>韩正</dd>
</dl>