HTML-table表格

  • Post author:
  • Post category:其他


1.  html符号输入方法

1)可以通过搜狗输入法输入特殊符号

2)可以用html代码

2.表格<table></table>标签

基本语法:

<table>

caption(表格标题)

<thead>(表头区域)//如果写了thead 必须要写tbody和tfoot

<tr> 表示行,一个tr表示一个行

<td>单元格内容</td>

</tr>

</thead>

<tbody>(表身区域)

<tr> 表示行,一个tr表示一个行

<td>单元格内容</td>

</tr>

</tbody>

<tfoot>(表尾区域)

<tr> 表示行,一个tr表示一个行

<td>单元格内容</td>

</tr>

</tfoot>

</table>

table属性:1)border=” “表格边框的宽度 一般是1

2)width=” ” 表格的宽度 height=” ” 表格的高度

3)cellspacing=” ” 单元格与单元格之间的空白

4)cellpadding=” “单元格与单元格内部文字的距离

5)align = ” ” 表格的对齐方式 left  center right


td属性         1)colspan = ” ” 跨列合并单元格 注意:把被合并的表格删除

2)rowspan = ” ” 跨行合并单元格 注意:把被合并的表格删除

3)bgcolor = ” ” 单元格背景颜色

4)align = ” ” 表格的对齐方式 left  center right

5)vertical-align 单元格文本垂直对齐方式。top顶部对齐 middle居中 bottom底部对齐



版权声明:本文为m0_60979337原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。