第一周学习笔记DAY.2

一：标题标签h1 ~ h6  

      语义：用标题标签包裹的内容就是标题

          标题标签也会帮助seo进行推广，h1到h6,语义是逐步降低的，

          h1的语义最重，所以一般情况下，一个页面就用一个h1

             常用的h1-h3

      默认样式：字体会加粗，从h1-h6字体大小是逐步变小，会独占一行

二：段落标签，段落标签用于表示内容中的一个自然段

       语义：用段落标签进行包括，其内容就表示是一个段落

       默认样式:

        会独占一行，段落与段落之间有较大的间距

三：hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup

<!-- <hgroup>

      <h1>古诗一首</h1>

      <h3>作者</h3>

    </hgroup>

    <p>离离原上草</p>

    <p>一岁一枯荣</p>

    <p>野火烧不尽</p>

    <p>春风吹又生</p> -->

四.强调标签 

    em标签用于表示语音语调的一个加重， 行内元素（inline element）

    strong表示强调，重要内容,强调

    em和strong都不会独占一行

面试题：html中有两个强调标签，它们的区别是什么？

     样式上：em强调，字体会变斜体

            strong强调，字体会加粗

     语义上：em是语音语调的强调

           strong是具体内容的强调

    在实际的开发过程中，一般不做区分，两个强调标签都可以使用

五：center  居中效果

六： q 表示短引用

    默认样式：会在文本外面加双引号

            不会独占一行

七：换行标签 br 强制换行

八：分割线   单标签

    <hr > 

九：使用del标签来表示一个删除的内容

    在文本的中间会有一根删除线,它也不会独占一行

十：div 用来布局的,没有语义，会独占一行

十一：span  没有任何语义，一般就用来包裹文字

    不会独占一行

面试题： 请你简单说一说元素的分类，并举一些具体例子

     元素（标签）的分类  

        1、形式分：

          双标签：h1-h6,p,strong,em,hrgoup,del ,div,span····

          单标签：br,hr,meta····

        2、特点分：

          块标签：一般都是用来布局的

            （1）、会独占一行

            （2）、可以设置宽高

            （3）、如果不设置宽高，块元素的宽度是父元素的100%，块元素的高度是被内容撑开

            eg:h1-h6,p,hgroup,center,div

          行内标签：一般用来包裹文字

            （1）、不会独占一行

            （2）、不可以设置宽高，被内容撑开

            eg:strong,em,span,del····

          行内块标签：

             （1）、兼具块标签和行内标签的特点，可以设置宽高，不会独占一行

             （2）、元素与元素之间会有3像素的空白间距，称三像素问题

            eg：img，input，button·····

        注意：

          1、块标签里面什么都能放

        块标签里面可以放块标签，行内标签，行内块标签

          2、行内标签里面一般只放文字，不能放块标签

          3、有一个特殊的块标签 p标签

            它里面只放文字或图片，不能放块元素

          4、有一个特殊的行内标签 a标签

            它里面什么都能放，除了它自己

十二：结构标签

 布局标签（结构化标签） 都是块标签

    header  网页的头部

    main  网页的主体部分（一般就一个）

    footer 网页的底部

    nav  网页的导航

    aside  和主体相关的内容，侧边栏

    article  文章之类的

    section 独立的区块，上面的标签都不合适，就用这个   ，

        用来代替div

十三：实体

1、什么是实体

        浏览器会提前征用一部分的字符，例如大于号，小于号，空格，版权符号等等。

   如果程序员想用，可以用一些额外的字符去表示，这些额外的字符，我们叫实体

2、实体的语法

        &实体的名字

3、常用的实体

        大于号：  &gt;

        小于号：  &lt;

        空格：   &nbsp;

        版权符号： &copy;

十四：列表

列表（list） 一组一组  

            1:有序列表  用ol标签创建，li表示列表项

              默认样式：

                列表项的前面有加1，2，3···项目符号

                列表项的前面有较大的间距

            2:无序列表  用ul标签创建，li表示列表项

              默认样式：

                列表项的前面有加黑色实心小圆点

                列表项的前面有较大的间距

            3:定义列表  用dl标签创建，使用dd对内容进行解释说明

    注意：

          1、常用有序列表和无序列表  而且在实际开发过程中，不需要特别区分有序或者无序

          2、有type属性，可以更改列表项项目符号  

            ol   type属性值：1，a,A,i,I

            ul   type属性值：disc，默认值，实心的圆点

                            square，实心的方块

                            circle，空心的圆

            实际开发过程中，我们会去除默认的项目符号

          3、列表可以相互嵌套   因为列表是块元素

          4、ol  li

            ul  li

            dl  dt dd

            是配合使用，一般情况，不在里面加入其他直接子元素