HTML5

Posted on 2017-08-27 21:10  仙人板板  阅读(144)  评论(0编辑  收藏  举报

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.一般用于(一个标题下有一个或多个列表项)