HTML基础（HTML5新标签）

1. 注释:alt+shift+A

   	<!--  -->注释不能嵌套
   

2. 属性是一个名值对（属性=“属性值1 属性值2 …”）

3. 进制：

       十进制（日常使用）
           - 特点：满10进1
           - 计数：0 1 2 3 4 5 6 7 8 9 10 11 12 13 ... 19 20
           - 单位数字：10个 （0-9）
       
       **二进制（计算机底层的进制）**
           - 特点：满2进1
           - 计数：0 1 10 11 100 101 110 111
           - 单位数字：2个 （0-1）
           - 扩展：
               - 所有数据在计算机底层都会以二进制的形式保存
               - 可以将内存想象为一个有多个小格子组成的容器，每一个小格子中可以存储一个1或一个0
                   8bit = 1byte(字节)
                   1024byte = 1kb(千字节)
                   1024kb = 1mb(兆字节)
                   1024mb = 1gb(吉字节)
                   1024gb = 1tb(特字节)
                   1024tp = 1pb
       十六进制(一般显示一个二进制数字时，都会转换为十六进制)
           - 特点：满16进1
           - 计数0 1 2 3 4 5 6 7 8 9 a b c d e f 10 11 12 ... 1a 1b 1c 1d 1e 1f 20 ..
           - 单位数字：16个（0-f)
   

4. 实体的语法：

       **&实体的名字;**
             空格
           > 大于号
           < 小于号
           © 版权符号
   

5. 标题标签：

    **标题标签都是块元素**
        h1 ~ h6 一共有六级标题
        从h1~h6重要性递减，h1最重要，h6最不重要
        h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1
        一般情况下标题标签只会使用到h1~h3，h4~h6很少用
   

6. 块元素（block element）

       - 在网页中一般通过块元素来对页面进行布局
   

7. 行内元素（inline element）

       - 行内元素主要用来包裹文字
   

8. 一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素

       - 块元素中基本上什么都能放
       - p元素中不能放任何的块元素
   

9. 布局标签(H5新标签)

   header 表示网页的头部
   main 表示网页的主体部分(一个页面中只会有一个main)
   footer 表示网页的底部
   nav 表示网页中的导航
   aside 和主体相关的其他内容（侧边栏）
   article 表示一个独立的文章
   section 表示一个独立的区块，上边的标签都不能表示时使用section
   div 没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素
   span 行内元素，没有任何的语义，一般用于在网页中选中文字
   

10. 列表

       无序列表，使用ol标签来创建无序列表
           使用li表示列表项  
           
       有序列表，使用ul标签来创建无序列表
           使用li表示列表项
    
       定义列表，使用dl标签来创建一个定义列表
           使用dt来表示定义的内容
           使用dd来对内容进行解释说明
           
       **列表之间可以互相嵌套**
    

11. 超链接

使用 a 标签来定义超链接
    属性：
      href 指定跳转的目标路径
        - 值可以是一个外部网站的地址
        - 也可以写一个内部页面的地址

target属性，用来指定超链接打开的位置
      可选值：
        _self 默认值 在当前页面中打开超链接
        _blank 在一个新的要么中打开超链接
        
 *超链接是也是一个行内元素，在a标签中可以嵌套除它自身外的任何元素*

12. img标签

    属性：
      	src 属性指定的是外部图片的路径
     	alt 图片的描述，这个描述默认情况下不会显示
    	width 图片的宽度 (单位是像素)
        height 图片的高度
    

13. 图片的格式：

       jpeg(jpg)
           - 支持的颜色比较丰富，不支持透明效果，不支持动图
           - 一般用来显示照片
       gif
           - 支持的颜色比较少，支持简单透明，支持动图
           - 颜色单一的图片，动图
       png
           - 支持的颜色丰富，支持复杂透明，不支持动图
           - 颜色丰富，复杂透明图片（专为网页而生）
       webp
           - 这种格式是谷歌新推出的专门用来表示网页中的图片的一种格式
           - 它具备其他图片格式的所有优点，而且文件还特别的小
           - 缺点：兼容性不好
    
       base64 
           - 将图片使用base64编码，这样可以将图片转换为字符，通过字符的形式来引入图片    
           - 一般都是一些需要和网页一起加载的图片才会使用base64
    
       效果一样，用小的
       效果不一样，用效果好的
    

14. audio标签

属性：
  controls 是否允许用户控制播放
  autoplay 音频文件是否自动播放
      - 如果设置了autoplay 则音乐在打开页面时会自动播放
          但是目前来讲大部分浏览器都不会自动对音乐进行播放 
  loop 音乐是否循环播放