表格目的
	列表用来布局，是页面布局更整齐规范
	表格用来展示数据，让数据更整齐规范
	表单用来收集用户信息


创建表格
	<table>
		<tr><!-- 行  -->
		    <td>姓名</td>          <!-- 单元格标签相当于列 -->
                    <td>年龄</td>
                    <td>性别</td>
		</tr>
                 <tr>
		    <td>张三</td>          
                    <td>20</td>
                    <td>男</td>
		</tr>
                 <tr>
		    <td>张三丰</td>          
                    <td>200</td>
                    <td>男</td>
		</tr>
	</table>
一对table标签嵌套一对<tr>标签，tr 嵌套 td 标签


表格的属性
	<table border="1" width="400" 	height="300" align="center" 	cellspacing="0" cellpadding="20" 	bgcolor="pink">
			<tr>
			<td>姓名</td>
			<td>年龄</td>
			<td>性别</td>
			</tr>
 	</table>
宽：width
高：height
边框：border，=0的话是没有边框
对齐方式： align，取值left  center right；设置表格在网页中的对齐方式；
单元格和单元格之间的距离： cellspacing
单元格内容到单元格边框的距离：cellpadding



表头单元格
      <th>文字会居中加粗</th>


表格标题标签
	<caption></caption> 写在 table标签之后，只存在 table 中有意义。



合并单元格
	跨行合并：rowspan=“”

	跨列合并：colspan=“”

	合并表格从上到下，从左到右
  1、找到目标单元格
  2、判断是跨行合并还是跨列合并
  3、删除多余的单元格

表格划分结构
	<thead>题头</thead>
	<tbody>身体</tbody>
	<tfoot>脚注</tfoot>	


列表（重点）
	无序列表
           <ul>
              <li>任何标签</li>
   	      <li>同上</li>
	   </ul>
        ul 里面只能嵌套 li ，li 里面可以放任何标签

	有序列表
	    <ol>
                <li></li>   
             </ol>

	自定义列表
		<dl>
                    <dt></dt> 
                    <dd></dd>
                    <dd></dd>
                </dl>	


表单(重点)：用户名和密码
	表单控件
        <input type="属性值" value="">	
	  通过不同的 type 属性来实现不同的网页表单效果；
	  文本框 text
	  密码框 password

	  name 区分表单
  <input type="属性值" name=" ">

	  radio 单选按钮
 男 <input type="radio" name="相同">
 女<input type="radio" name="相同">
  要实现单选效果，必须设置一样的name

          
跑步<input type="checkbox" name="相同">
 打游戏<input type="checkbox" name="相同">
睡觉<input type="checkbox" name="相同">
听歌<input type="checkbox" name="相同">
          
checked="checked"默认选择或者checked
	
	  按钮  button
      提交按钮	submit
      重置按钮  reset
      图片按钮  image
      上传头像  file
      <button>我也是按钮</button>

label标签
第一种用法: <label> 听歌<input type="checkbox" name="相同">  </label>


第二种方法：<label for="music">听</label> <input type="checkbox" name="相同" id="music">


文本域双标签
    		<textarea></textarea>
     自带cols 和 rows 属性，一般不用


select下拉列表
	<select>
               <option>请选择省份</option>
               <option>安徽</option>

	</select>
默认值 selected="selected"或者selected


提示文本


表单域
	<form action(提交到哪里去，填写地址)="" method（提交方式get（明文提交）/post（隐藏提交））=""></form>