天富娱乐登录 三牛测速网站登录不了怎么弄?

Table标签介绍

标签名	定义	说明
<table></table>	表格标签	就是一个四方的盒子
<tr></tr>	表格行标签	行标签要再table标签内部才有意义
<td></td>	单元格标签	单元格标签是个容器级元素，可以放任何东西
<th></th>	表头单元格标签	它还是一个单元格，但是里面的文字会居中且加粗
<caption></caption>	表格标题标签	表格的标题，跟着表格一起走，和表格居中对齐
clospan 和 rowspan	合并属性	用来合并单元格的

天富娱乐注册注册开户

·跨行合并：rowspan="合并单元格的个数"

·跨列合并：colspan="合并单元格的个数"

下面通过一个案例来演示Table合并单元格

待合并表格

合并前代码

 <table border="1" cellspacing="0" cellpadding="0" width="600" height="300" align="center"> <caption>个人信息表</caption> <tbody align="center"> <tr> <td><strong>姓名：</strong>刘德华</td> <td><strong>性别：</strong></strong>男</td> <td><strong>年龄：</strong></strong>18</td> <td>照片</td> </tr> <tr> <td><strong>身高：</strong>180</td> <td><strong>民族：</strong>汉</td> <td><strong>婚姻：</strong>未婚</td> <td>照片</td> </tr> <tr> <td><strong>个人简介</strong></td> <td>个人简介</td> <td>个人简介</td> <td>个人简介</td> </tr> <tr> <td><strong>个人作品</strong></td> <td>个人作品</td> <td>个人作品</td> <td>个人作品</td> </tr> </tbody> </table>

合并后代码

 <table border="1" cellspacing="0" cellpadding="0" width="600" height="300" align="center"> <caption>个人信息表</caption> <tbody align="center"> <tr> <td><strong>姓名：</strong>刘德华</td> <td><strong>性别：</strong></strong>男</td> <td><strong>年龄：</strong></strong>18</td> <!-- 合并行 --> <td rowspan="2">照片</td> </tr> <tr> <td><strong>身高：</strong>180</td> <td><strong>民族：</strong>汉</td> <td><strong>婚姻：</strong>未婚</td> </tr> <tr> <td><strong>个人简介</strong></td> <!-- 合并列 --> <td colspan="3">个人简介</td> </tr> <tr> <td><strong>个人作品</strong></td> <!-- 合并列 --> <td colspan="3">个人作品</td> </tr> </tbody> </table> 

上面案例通过rowspan和colspan实现合并效果，你学会了吗?加QQ：435946716免费获取Html5+CSS+Javascript教程。

猜你喜欢：

如何在HTML5中嵌入视频和音频？

HTML中img图片标签的用法？

HTML5的优势有哪些？

什么是HTML，什么是H5？

传智教育web前端开发培训课程