社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
表格语法:
table 表格;tr 行标签;th 表头标签(就多一个加粗,一般第一行使用);td 单元格标签。
<table 【border="1" width="500" height="200" align="center" cellspacing="0"】> <!--生成了一个3*3表格--> <tr> <th 【colspan="2"】 > 表头内容 </th> <!--colspan 从此单元格起,行方向向右合并单元格,共占2个单元格宽度--> 删除<th 【align="center"】>内容</th><!--前面设置colspan属性后,此单元格会被吞并,需要删除此行,否则表格会溢出--> <th>内容</th> </tr> <tr> <td 【rowspan="2"】>内容</td><!--rowspan 从此单元格起,列方向向下合并单元格,共占2个单元格宽度--> <td 【colspan="2" rowspan="2"】>内容</td><!--从此单元格起,行方向向右合并2个单元格,列方向向下合并2个单元格,共占4个单元格宽度--> 删除 <td>内容</td><!--第二行第二列设置同时设置colspan和rowspan属性后,此单元格会被吞并,需要删除此行,否则表格会溢出--> </tr> <tr> 删除 <td rowspan="2">好啊</td> <!--第二行设置rowspan属性后,此单元格会被吞并,需要删除此行,否则表格会溢出--> 删除 <td>1.1</td> <!--第二行第二列设置同时设置colspan和rowspan属性后,此单元格会被吞并,需要删除此行,否则表格会溢出--> 删除 <td>1.1</td> <td>干死她</td> </table>
属性说明:
(1)table标签属性
border属性:设置表格边框,单位像素 表格默认无边框
width、height属性:设置表格的长和宽 单位像素
align属性:设置表格文本对齐(和word一样),center是居中
cellspacing属性:单元格间距,单位像素,通常设置为没有间距
(2)td标签属性
align属性:设置单元格文本对齐(和word一样),center是居中
colspan属性(行方向 合并单元格): 从此单元格起,行方向向右合并单元格,合并多少个单元格,值就取多少。
rowspan属性(列方向 合并单元格): 从此单元格起,列方向向下合并单元格,合并多少个单元格,值就取多少。
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!