HTML的表格玩法
HTML也是可已展示表格的,大体结构如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body> <table border="1"> <thead> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> </tr> </thead> <tbody> <tr> <td>表结构1</td> <td>表结构2</td> <td>表结构3</td> </tr> <tr> <td>表结构4</td> <td>表结构5</td> <td>表结构6</td> </tr> <tr> <td>表结构7</td> <td>表结构8</td> <td>表结构9</td> </tr> </tbody> </table> </body> </html>
在body标签内写一个table标签
table标签内写thead标签和tbody标签分别代表表头和表结构
tr标签代表表格内的一样,td标签代表表格内的一列。th代表内容显示为表头,即加粗居中。
table里面常用参数
border="1" 设置单元格的边框
td标签内常用参数
colspan="2" 跨行合并2个单元格。
rowspan="2" 跨列合并2个单元格。