1.HTML5文件的基本结构
HTML是一种超文本标记语言,如网页中的一个标题,一个段落,一张图片等,这些都是利用一个个HTML标记完成的。最基本的语言就是《标记》内容《/标记》
什么是列表:就是信息资源的一种展示形式,它可以是信息结构和条理化;并以列表的形式显示出来;以便浏览者更快捷的获取相应的信息。
注意:从图中可以发现都是用列表来显示的信息;有的列表前有序号,有的就没有
2.HTML5中列表分为三类:
0.1无序列表
定义:
由《ul》标签和《li》标签组成,使用《ul》标签作为无序列表的声明;使用《li》标签作为每个列表项的起始。
语法:
<ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ul>
...........遵循W3C标准,<ul>标签的里面只能嵌套<li>标签不能嵌套其他标签。
2.<li>标签里可以嵌套任何标签
特征:
1.没有顺序,每个<li>标签独占一行(块元素);
2.默认<>标签前面有个实心的小圆点;
3.一般用于无序类型的列表,如导航,侧边栏新闻,有规律的图文组合模块等;
2.有序列表
定义:
有序列表由<ol>标签和<li>|标签组成,使用<li>标签作为有序列表的声明,使用<li>标签作为每个列表的起始,有序列表嵌套同无序列表一样,只能<ol>标签里嵌套<>标签。
语法:
<ol>
<li>第一项</li>
<li>第二项</li>
· <li>第三项</li>
</ol>
特征:
1.有顺序,每个<li>标签独占一行(块元素);
2.默认<>标签项的前面有顺序标记
3.一般用于排序类型的列表,如试卷,问卷选项
4.丁以列表
定义:
是一种特殊的列表形式,他是标题及列表的结合,语法相对于无序和有序列表不太一样,它使用<dl>标签作为列表的开始,使用<dt>标签作为每个列表的起始,为对于每个列表项的起始,而对于每个列表项的定义则使用<dd>标签来完成
语法:
<dl>
<dl>标题一</dt>
<dd>第一项</dd>
<dd>第二项</dd>
<dt>标题二</dt>
<dd>第一项</dd>
</dl>
特征:
1.没有顺序,每个<>标签<>标签独占一行(块元素)
2.默认没有标记
3.一般用于(一个标题下有一个或多个列表项)