表格
创建表格的四个元素:table、tr、th、td
1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
3、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
4、<th>…</th>:表格的头部的一个单元格,表格表头。
5、表格中列的个数,取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框,属性值为数字。
注意:
1、table标签用来定义整个表格,为双标签,必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。
5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列,一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>学习表格标签</title> </head> <body> <table border=1> <caption>前端三剑客</caption> <tr> <th>知识点</th> <th>重要程度</th> <th>难度</th> <th>学习周期</th> </tr> <tr> <td>html</td> <td>5xing</td> <td>3xing</td> <td>7day</td> </tr> <tr> <td>css</td> <td>5ss</td> <td>6ss</td> <td>10day</td> </tr> </table> </body>