HTML.入门篇标签

一：学习标签，一定要关注语义，而不是样式

   标题标签h1 ~ h6   注意语义  页面部分区块的标题

      默认样式  加粗，一级标题是最大最粗的，六级标题是最小的，标题与标题之间有较大的间距，

              还会独占一行，标题标签是块元素

      语义：代表一个标题,而且一级标题语义是最重，六级标题语义是最轻，标题标签会帮助seo,sem推广，

         推广的重要性仅次于title标签，非常重要的

         常用的是h1-h3标签，h1标签一般一个页面只有一个    

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

    默认样式：行与行之间有较大的间距，会独占一行，它也是个块元素

    语义：就是一个自然段落

    注意：p标签里面一样是放文字或者图片，不会放其他的块元素

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

       从样式上看，加

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

    默认样式：有一点点斜体，没有独占一行，它是行内元素

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

    默认样式：有一点点加粗，没有独占一行，它是行内元素

不加hgroup，没有区别，但从语义上看，两者就有关系了

六： blockquote 引用别人说的话 长引用 会换行 块元素

七： q 表示短引用

八：换行标签  br标签，强制换行 自结束标签

九：分割线 hr

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

十一：center  居中效果

十二：div  用来布局的,没有意义的块元素,只表示一个区块

十三：span  没有任何语义，一般就用来包裹文字 行内元素

布局标签（结构化标签）

    header  网页的头部

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

    footer 网页的底部

    nav  网页的导航

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

    article  文章之类的

    section 独立的区块，上面的标签都不合适，就用这个  ,也是没有任何语义，

          一般用来代替div

    div  块元素

列表（list） 一组一组  

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

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

            3:定义列表   用dl创建，dt下定义  dd解释定义

              下定义

              解释定义

          有序列表、无序列表

            默认样式：左边有间距，有项目符号

            关注是它的语义

          使用type属性可以更改项目符号

          有序列表 1,a,A,i,I

          无序列表：disc，默认值，实心的圆点

                  square，实心的方块

                  circle，空心的圆

         

          注意：

            1、一般情况下，我们不会使用它的项目符号

            2、列表是可以相互嵌套

 使用img标签来向网页中引入一个外部图片

     4个属性

       src属性  引入图片的路径  通过./或者../开头

            ./   引入图片跟你在同一个目录下

            ../  跳出当前的目录，再找

      alt属性  对图片的描述，它会在图片引入不成功的时候，显示文字

              它也会帮助浏览器做收录功能

      width属性  设置图片的宽度

         属性值里直接写数值或者带长度单位都可

      height属性  设置图片的高度

      注意：一般情况下，width和height只设置一个，另一个让浏览器按比例缩放