HTML中的表格元素

有时候我们需要在网页上展示一些数据,如某个班级的成绩表。如果我们使用HTML中的border边框和position定位进行制作会十分的复杂

这时候我们就可以使用表格元素了

HTML网页中一个表格大致可以分为的四个元素:table、tr、th、td

1、<table></table>:整个表格以<table>标记开始、</table>标记结束。

2、<th></th>:表格的头部的一个单元格,表格表头。

3、<tr></tr>:表格的一行,所以有几对tr 表格就有几行。

4、<td></td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

tip:指定的表格标题,可以使用<caption>使它显示在表格上方。

有时候一些行和列需要合并,合并行使用rowspan属性,合并列使用功能colspan属性。

例如我建一个简单的2*2的表格代码如下

HTML中的表格元素

 

效果是这样的

 HTML中的表格元素

 

上一篇:Photoshop 绿色风格网站首页模板


下一篇:Qt中标准对话框实例,QObject::tr()的作用