HTML-表格


表格

<table 属性:>

<tr> <th>   表头  </th> </tr>

<tr> <td>   普通单元格  </td> </tr>

</table>

属性名 作用 说明
width 设置表格的宽 跟height搭配使用时,只需要设置其中一个属性,另一个自适应
height 设置表格的高 同上
cellspacing 设置单元格与单元格之间的间隙
border 设置表格边界宽度
cellpadding 设置单元格内容与单元格的间隙
align 设置表格相对于周围元素的位置

表单区域

thead 和 tbody, thead区别于th标签,thead表示的是表头区域,th表示表头单元格

合并单元格

跨行合并: rowspan =’合并单元格的的个数’,操作的目标单元格是操作的最上的单元格

跨列合并:colspan =’合并单元格的个数’,操作的目标单元格是操作的最左的单元格

合并单元格的步骤

  1. 确定跨行还是跨列合并
  2. 操作目标单元格
  3. 删除多余的单元格

文章作者: 木叶勇
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 木叶勇 !
 上一篇
HTML-列表 HTML-列表
列表无序列表 ul里面只能加li <ul> <li>任意元素 </li> </ul> 喜欢的食物 榴莲 鲱鱼罐头 有序列表 ol进行包含,li描述每一列 <ol>
2020-04-15
下一篇 
HTML-表单 HTML-表单
表单 由三部分组成,表单域,表单元素和提示信息 表单域 form 设置表单域 <from action="url地址" method="提交方式" name="表单域名称"> 表单元素 </from> 表单元素
2020-04-15
  目录