表格标记
表格是网页中重要的组成元素。表格用来存储数据。表格包含标题、表头、行和单元格。
在HTML页面中定义表格,需要学会以下几个标记。
1、表格标记<table>
<table>..</table>标记表示整个表格。<table>标记中有很多属性,例如width属性用来设置表格的宽度,border属性用来设置表格的边框,align属性用来设置表格的对齐方式,bgcolor属性用来设置表格的背景色。
2、标题标记<caption>
标题标记以<caption>开始,以</caption>结束,标题也有一些属性,例如align、valign等
3、表头标记<th>
表头标记以<th>开头,以</th>结束,也可以通过align、background、colspan、valign等属性来设置表头
4、表格行标记
表格行标记以<tr>开始,以</tr>结束,一组<tr></tr>标记表示表格中的一行。<tr>标记要在<table>标记中使用,该标记也具有align、background等属性
5、单元格标记<td>
单元格标记又成为列标记,一个<tr>标记中可以有若干<td>标记,该标记也有background、valign等属性
小案例:
在页面中定义学生成绩单
<html>
<head>
<title> 表格标记
</title>
</head> <body> <table width="318" height="167" border="1" align="center"> <caption> 学生考试成绩单 </caption> <tr> <td align="center" valign="middle">姓名</td> <td align="center" valign="middle">语文</td> <td align="center" valign="middle">数学</td> <td align="center" valign="middle">英语</td> </tr> <tr> <td align="center" valign="middle">张三</td> <td align="center" valign="middle">89</td> <td align="center" valign="middle">92</td> <td align="center" valign="middle">87</td> </tr> <tr> <td align="center" valign="middle">李四</td> <td align="center" valign="middle">93</td> <td align="center" valign="middle">86</td> <td align="center" valign="middle">80</td> </tr> <tr> <td align="center" valign="middle">王五</td> <td align="center" valign="middle">83</td> <td align="center" valign="middle">94</td> <td align="center" valign="middle">86</td> </tr> </table> </body> </html>
网页: