这是我参与「第四届青训营 」笔记创作活动的第28天

表格

表格的具体用法

          <thead>
              <tr>
                  <th>文本</th>
                  ...
                  <th>文本</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                 <td>单元格内的文字</td>
                 <td>单元格里的文字</td>
                 ...
              </tr>
          </tbody>
      </table>

1.< table> < /table> 是用于定义表格的标签。
2.在表格标签中，分别用：< thead>标签 表格的头部区域、< tbody>标签 表格的主体区域. 这样可以更好的分清表格结构。
3.< tr> < /tr> 标签用于定义表格中的行，必须嵌套在 < table> < /table>标签中。
4.< td> < /td> 用于定义表格中的单元格，必须嵌套在< tr>< /tr>标签中。
5.字母 td 指表格数据（table data），即数据单元格的内容。
6. < th> 标签表示 HTML 表格的表头部分(table head 的缩写)

合并单元格方式

1.跨行合并：rowspan='合并单元格的个数'，最上侧单元格为目标单元格, 写合并代码
2.跨列合并：colspan="合并单元格的个数",最左侧单元格为目标单元格, 写合并代码

列表

根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。

无序列表

无序列表的基本语法格式如下：

<ul>  
           <li>列表项1</li>   
           <li>列表项2</li>   
           <li>列表项3</li>   
        </ul>

1. 无序列表的各个列表项之间没有顺序级别之分，是并列的。
   
2. < ul>< /ul> 中只能嵌套 < li>< /li>，直接在 < ul>< /ul> 标签中输入其他标签或者文字的做法是不被允许的。
   
3. < li> 与 < /li> 之间相当于一个容器，可以容纳所有元素。
   
4. 无序列表会带有自己的样式属性，但在实际使用时，我们会使用 CSS 来设置。
   

有序列表

有序列表的基本语法格式如下：

<ol>   
         <li>列表项1</li>   
         <li>列表项2</li>   
         <li>列表项3</li>   
         ...  
     </ol>

1. < ol>< /ol>中只能嵌套< li>< /li>，直接在< ol>< /ol>标签中输入其他标签或者文字的做法是不被允许的。
   
2. < li> 与 < /li>之间相当于一个容器，可以容纳所有元素。
   
3. 有序列表会带有自己样式属性，但在实际使用时，我们会使用 CSS 来设置。

自定义列表

语法如下：

     <dl>   
         <dt>名词1</dt>   
         <dd>名词1解释1</dd>   
         <dd>名词1解释2</dd> 
     </dl>

表单

表单域

 <form>标签用于定义表单域

表单控件

 <input>表单元素：属性，type，select，textarea，

代码实现

     <form>
   	<input type=“text " name=“username”>

   	<select name=“jiguan”>  

   	 <option>北京</option>

   	</select> 

   	<textarea name= "message">

   	</textarea>
    </form>