周一了解了大概都要学习哪些内容，接下来四天就是在写HTML,CSS,H5,CSS3,下周学习js，两天休息，然后就可以回家啦！

HTML学习

  1. 头标签<head></head>

    1. <!DOCTYPE html>H5的文档声明

    2. <meta/charset="utf-8">元信息，H5更改地更加简单

  2. 常用标签

    1. <p></p>段落

    2. <pre></pre>预文本（不太好用）

    3. </br></hr>换行和分割线

  3. 常用属性

    1. <a href="www.baidu.com"></a>

      1. 超链接作用

      2. 书签作用<a href="#a"><p id="a">

    2. <a target="blank">在新的一页打开

    3. <img src="images/1.jpg" width="100"/>

  4. 表格和表单

    1. 表格格式

      1. <table>

            <tr>

                <td>

                </td>

            </tr>

        </table>

    2. 表格属性

      <table border="2" align="center">

      <td colspan="2" rowspan="2">合并两行

    3. 表单是为了向服务端提供数据，用于用户交互

      格式：<form>

                       <input type=""/>

                 </form>

    4. 表单元素input-type的类型有：text password hidden radio checkbox button submit file

    5. 表单元素的一些属性

      1. value值

      2. name参数名

      3. readonly="readonly"

      4. disabled="disabled" 

      5. checked="checked" 针对radio和checkbox

      6. selected="selected" 针对select-option 

      7. size=""设置输入框大小

      8. maxlength=""设置输入的最大字符串长度

　　　　　　　文本域<textarea></textarea>

　　　　　　　实例：

 1 用户名:<input type="text" name="username" readonly="readonly" size="5"  value="杜甫"/><br/>
 2 <br/>
 3 登录名:<input type="text" name="loginname" maxlength="5"/><br/>
 4 密码:<input type="password" name="password" disabled="true"/><br/>
 5 <input type="hidden" value="123"/><br/>
 6 性别 :<input type="radio" name="sex" value="1" checked="true"/>男 
 7      <input type="radio" name="sex" value="0"/>女<br/>
 8 爱好:
 9 <input type="checkbox" name="hobby" value="1"/>写诗

10 <input type="checkbox" name="hobby" value="2"/>追李白<br/>
11             
12 选择文件:<input type="file" value="选择你的代表作" />
13 <br/>
14 自我介绍:
15 <!-- 8.文本域 -->
16  <textarea name="self" rows="10" cols="50">121212</textarea><br/>
17  <!--9. 下拉菜单-->
18 地址：<select name="province">
19            <option value="zhejiang">长安</option>
20            <option value="jiangxi" selected="true">洛阳</option>
21            <option value="hunan">陇西</option>
24      </select>
25             
26 <input type="button" value="登录"/>
27             
28 <input type="submit" value="注册"/>

　　 5.H5内容新增

  1. 1.表单

    1. <input type="*">*的属性增加以下值

      1. email url() number range color Date picker(date month) search

    2. 新增datalist

      <input type="text" list="questions"/>

      <datalist id="questions">

      <option value="your name?"></option>

      <option value="your age?"></option>

      </datalist>

      同时兼备输入框和选择框的内容

    3. 新增属性

      required="required"必填

      placeholder="请填入姓名"

      autocomplete="on"自动填入

      min step="2"

  2. 多媒体

    <autio src="#"音频来源 controls="controls"可控 autoplay="true"自动播放 loop="loop"循环播放></audio>

    <video src="#"视频来源 controls="controls"可控 autoplay="true"自动播放 loop="loop"循环播放></audio>

  3. 声明的区别（只记住H5即可）

  4. 布局的区别

    1. H4:CSS+DIV

    2. H5:CSS+各种布局标签

      <header>头/页眉</header>

      <section>

          <article></article>可设置多个

      </section>

      <footer>页脚</footer>

      <nav>导航</nav>