1. html 表格 

 <table> 标签定义表格；<tr> 标签定义行；<td> 标签定义每一行的若干列，<td> 即 table data，可以包含文本、图片、列表、段落、表单、水平线、表格等；<th> 标签定义表格的表头；<caption> 标签定义表格的标题；cellpadding: 单元格边距；cellspacing: 单元格间距；框架 frame 属性：box，above，below , hside , vside.

2. 利用 bootstrap 创建响应式框架

<link rel="stylesheet"

href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

3. html 表单

html 表单用于收集用户输入，格式如下：

<form>

form element 

</from>

表单元素：1. input 元素 

                < input type= "text/radio/submit"></input>

                 2. select 元素（下拉列表）

                <select>

                <option value=""><option>

                </select>

              3. <button> 元素

             <button type="button" onclick=""></button>

             4. datalist 元素

           注： <datalist> 元素 list 属性值必须与 datalist id 值相同

           <input list=""> 

          <datalist id="">

          <option value=""></option>

         </datalist>

         </input>

<select> 元素与 <datalist> 元素的区别：<select> 元素的值只能从下拉列表中选择，而 <datalist> 元素的值不但可以从下拉列表选择，用户还可以自己输入。

4. html 输入类型

<input type="text / password / submit / radio / checkbox /button"></input>

h5新增输入类型：

color / date / datetime / datetime-local / email / month / number / range / search / tel

/ time / url / week