html新手入门（标签以及元素的知识）

一、最基本的标签

1，标题标签h1 ~ h6  

      语义：用标题标签包裹的内容就是标题，标题标签也会帮助seo进行推广，h1到h6,语义是逐步降低的， h1的语义最重，所以一般情况下，一个页面就用一个h1，常用的h1-h3

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

2，<p></p> 段落标签，段落标签用于表示内容中的一个自然段

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

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

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

4,常用强调标签em strong

样式上：em强调，字体会变斜体                          语义上：em是语音语调的强调

            strong强调，字体会加粗                                         strong是具体内容的强调

5，center  居中效果

6，q 表示短引用，默认样式：会在文本外面加双引号，不会独占一行，用的不多

7，换行标签 br 强制换行 ，hr 分割线   单标签，使用del标签来表示一个删除的内容

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

8，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标签

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

三，布局标签

html5的新标签

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

    header  网页的头部

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

    footer 网页的底部

    nav  网页的导航

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

    article  文章之类的

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

        用来代替div

四，实体

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

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

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

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

有序列表 

无序列表

定义列表