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的表格代码如下

 

效果是这样的

 

 

posted @ 2021-12-26 13:54  名字长才会有人读  阅读(600)  评论(0)    收藏  举报