表格（table属性、th/td属性、单元格合并）

表格

 现在HTML 表格应该用于表格数据 
​
  语法：
    表格的容器
  <table>
    行
    <tr>
      <td>普通单元格</td>
      <th>表头单元格</th>
    </tr>
  </table>
​
  table标签上的border属性:
                   表格的边框
                   默认值：0  无边框
                   取值： 1  或者正整数（2 3）
  th:表头单元格  默认文字加粗 水平居中 垂直居中
  td：普通单元格 默认 水平居左 垂直居中
​
  th和td自带1px的边框和1px的内间距
​
  注意：
  表格必须嵌套在table中
  tr必须写在table
  th和td必须写在tr中
  th和td单元格中可以嵌套任何标签
​
​

table属性

​
 table属性：
​
   border属性:
     表格的边框
     默认值：0 无边框
     取值： 1 或者正整数（2 3）
     注意：只有table的边框是10px，th和td的边框还是1px
    
    宽高属性：
     width  单位 px 可以省略
     height  单位 px 可以省略
​
    cellpadding属性：
    作用：定义单元格中内容和边框之间的间距,单位是像素，可以省略
​
    cellspacing
   作用：单元格和单元格之间的间距,默认值为2，单位是像素，可以省略
  cellspacing='0',单元格之间的距离为0
​
​
​
​
 <table border="1" width="500px" height="400" cellpadding="20" cellspacing="0">
    <tr>
      <th>品牌</th>
      <th>创始人</th>
      <th>创始年份</th>
    </tr>
    <tr>
      <td>忽悠集团</td>
      <td>胡兴伟</td>
      <td>1996</td>
    </tr>
  </table>

th/td属性

 th/td 属性：
  宽高属性：
  width 单位 px 可以省略
  height 单位 px 可以省略
​
 -  align
​
   - 作用：单元格水平方向的对齐方式
   - 取值
     -  left左对齐
     -  center 居中对齐
     -  right 右对齐
​
-  valign
​
   - 作用：单元格垂直方向的对齐方式
   - 取值
     - top顶对齐
     - middle居中对齐
     - bottom底部对齐
​
​
  <table border="1" cellspacing="0px">
    <tr>
      <!-- 水平居左对齐 -->
      <th width="200" height="50px" align="left">品牌</th>
      <th>创始人</th>
      <th>创始年份</th>
    </tr>
    <tr>
      <td>碰瓷集团</td>
      <!-- 垂直顶对齐 -->
      <td height="60" valign="top">李鹏飞</td>
      <!-- 水平居右对齐 -->
      <td align="right">1997</td>
    </tr>
    <tr>
      <!-- 垂直底部对齐 -->
      <td height="60" valign="bottom">猛男集团</td>
​
      <!-- 垂直居中对齐 -->
      <td valign="middle">薛芊芊</td>
      <!-- 水平居中对齐 -->
      <td align="center">2000</td>
    </tr>
  </table>
​

单元格合并

-  rowspan
​
   - 作用：跨行合并
     语法：<td rowspan="2"> 电话 </td>
​
-  colspan
​
   - 作用：跨列合并
     语法：<td colspan="2"> 电话 </td>
​
-  操作步骤
​
   - 1.确定是合并行还是合并列
   - 2.找到目标单元格，添加合并属性及合并单元格的数量如：<td rowspan="2"> 电话 </td>
   - 3.删除多余单元格