初见HTML

1.什么是HTML？
    超文本标记语言
     超文本：页面内包含的内容不仅仅是文本， 还可以包含图片、链接、音乐、视频等非文字元素        标记语言：不是编程语言
2.HTML元素&标签
    HTML标签：一般成对出现、大小写不敏感、但是H4推荐使用小写
    开始标签   内容   结束标签
   <div>test</div>
    HTML部分标签，可以嵌套使用
  块级元素
        独占一行空间，用来布局段落、列表、导航菜单等，不要把块级元素嵌套在行内元素里
  行内元素
       于其它行内元素共享一行空间，一般就是作为段落的一部分
  空元素（单标签）
    没有内容的元素，空元素是在开始标签中结束的

替代元素(替换元素)
    把文件引入文档，并且用自身的位置来替换
    img、video、 audio     
3.列表
    有序列表 ol > li
      序号默认从1开始 可用通过 start属性改变起始值， reversed (单值属性) 规定列表顺序为降序
    无序列表 ul > li
      标题是圆型符号，没有顺序
    自定义列表 dl > dt、dd    
  4.图片
    <img src="" alt="" />，src：图片的地址（必填项）， alt：图片地址出错时 会显示alt的内容

5.video

<video src="" controls autoplay muted loop></video>
    controls:是否显示控制条
    loop:是否循环播放（播放结束后从头开始播放）
    muted:是否静音播放
    autoplay:是否自动播放

6.audio
    <audio src="" controls autoplay muted loop></audio>
    controls:是否显示控制条
    loop:是否循环播放（播放结束后从头开始播放）
    muted:是否静音播放
    autoplay:是否自动播放

7.H5语义化标签
    1. header 
      具有引导和导航作用的一个元素，通常来放置标题（导航）logo 搜索栏
    2. nav
      可以用作页面导航的链接组，其中导航元素链接到其它页面，或者当前页面的其它部分
    3. article
      代表文档，页面中 独立 完整的 可被外部引用的内容，也可以嵌套使用
    4. aside
      用来表示当前页面或文章的附属信息部分，他可以包含侧边栏，广告，导航条，以及其它有别于主要内容的部分
    5. footer
      通常包含作者信息，相关链接，版权信息等
    6. address
      用来呈现文档的联系信息，作者的联系信息，地址，邮箱，电话等
    7. section
      类似div 作为html的独立功能
    8. <details>
      详细信息展示元素
    9. <figure>
      可附标题内容元素
8.

表单form
    主要用于用户与web服务器进行交互

    action: URL 用来处理表单信息的服务器地址
    method: 浏览器用来提交表单的http方式，常用的get/post
      get ： 通过这种方式提交的表单数据会被附加在链接上，通过"?"分割 发送敏感内容不建议使用这种方式
        username=admin
        &password=123455
        &phone=12312331233
      post： 表单数据会存放在请求体，传递给服务器，
    name:   设置表单的名称
    target: _blank _self
    当method为post时，表单内容提交给服务器时的内容类型 enctype
    默认：application/x-www-form-urlencoded
    当表单中有文件内容时
    multipart/form-data

  表单元素
    input 用于接受来自用户的数据
      name：    用于设定控件名和提交数据的属性名
      value：   用于控件初始化 默认值等功能 （可选）
      checked： 单选框&复选框 默认选中属性
      disabled：禁用组件 禁用后组件的值也不可提交
      hidden：  隐藏组件 隐藏后的组件值会被提交
      size：    控件的初始宽度，单位是px，但是text和password除外，他俩是指字符的数目
      maxlength：可以输入字符数量的最大值
      min：      number
      max：      number
    select 用于表示列表 或者下拉列表
      multiple 指定控件类型（列表或者下拉列表）
        size   如果multiple生效，size表示同时展示的行数
      name

    optgroup 包含option后形成选项组
      label 指选项组的名称    

    option 用于表示选项 包含在select或optgroup中
      disabled  表示禁用组件，禁用组件的值不能被提交
      value     定义控件的初始值，提交表单时，初始值会被提交
      selected  默认被选中的项
      eg:<option disabled selected value="">请选择你喜欢的水果</option>
    textarea
      没有value属性
      rows      文本框的初始行数
      cols      文本框的初始列数
      disabled  禁用
      readonly  只读，但是值可以提交
      name
    fieldset 在一个表单中对多个控件或标签进行分组
      属性 disabled 直接禁用整个分组中的控件
      <legend> 是分组的标题