day2 ---基本常用标签

结构标签

1. header：网页的头部
2. main：网页的主体部分
3. footer：网页的底部
4. nav：网页的导航
5. aside：侧边栏
6. article：文章之类的
7. section：独立的区块，可以用来代替div

行内元素与块元素

块元素：用来布局

特点：

1. 会独占一行

2. 默认情况下，块元素的宽度是视口的100%

3.默认情况下，块元素的高度被内容撑开

常用块元素：div、p、h1-h6、header、main、footer、nav

行内元素（inline element） 用来包裹文字

          特点：
           1、不会独占一行
           2、宽高是被内容撑开的，内容有多宽它就多宽
          常用行内元素：span、strong、em、del等
        行内块元素
          特点：
            兼具块元素和行内元素特点
          常用行内块元素：img

        注意：
        1、块元素主要是用来布局，里面可以放任何元素,块元素、行内元素、行内块元素
        2、行内元素主要用来包裹文字的，一般情况下不能放块元素
        3、p标签是个特殊的块元素，它里面不能放块元素
        4、a标签是个特殊的行内元素，它里面什么都能放

列表

      列表：如果页面中，出现结构、样式，功能等都比较雷同的部分，
          就可以用列表

      列表（list） 一组一组  
            1:有序列表   用ol创建列表，li表示列表项
            2:无序列表   用ul创建列表，li表示列表项
            3:定义列表   用dl创建列表，dt表示下定义，dd表示对定义的解释
                类似：大列表里有很多的小列表，每个小列表里有标题，有对标题的解释

    注意：1、 列表之间是可以互相嵌套的，ul，ol，li是块元素
         2、 可以使用type属性  更改项目符号
              ol 它的项目符号：1、a、A、I 等，默认项目符号是‘1’
              ul  它的项目符号:
                    disc，默认值，实心的圆点
                    square，实心的方块
                    circle，空心的圆
         3、默认样式，li前有项目符号，上下左右有间距
         4、最常用ol、ul，在实际的使用中，一般不做有顺序或者无顺序区分
         5、ol，li
            ul，li
            dl，dt，dd
            都是配套使用，就像cp

音视频

音乐：audio

    src  引入音视频的路径
      controls   控制用户是否可以播放,默认是不能播放
      autoplay  自动播放   （基本被废止，也是考虑到用户的体验，除了ie9以下）
      loop     循环播放

视频：video

图片的格式
                JPEG(JPG)
                    - JPEG图片支持的颜色比较多，图片可以压缩，但是不支持透明
                    - 一般用来保存照片等颜色丰富的图片
                    
                GIF
                    - GIF支持的颜色少，只支持简单的透明，支持动态图
                    - 图片颜色单一或者是动态图时可以使用gif
                
                PNG
                    - PNG支持的颜色多，并且支持复杂的透明，不支持动图
                    - 可以用来显示颜色复杂的透明的图片
                      专为网页而生的

                webp
                   -谷歌新推出的专门用来表示网页的一种格式
                   -它具有其他图片格式的所有优点，而且文件格式还很小
                   -缺点：兼容性不好
                   
                base64 
                   -讲图片使用base64编码，这样可以将图片转换为字符，通过字符形式来引入
                   -一般都是需要和网页一起加载的图片才会使用base64

            图片的使用原则：
                效果不一致，使用效果好的
                效果一致，使用小的