欢迎光临
我们一直在努力

html中表格测试演练

2020-12-27 分类：日常随笔阅读(1101) 评论(0) 扫描二维码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>PHP中文网 www.php.cn</title>
</head>
<body>
    <table border="1" cellspacing="0" cellpadding="5">
			<caption>
			江湖精英版成绩表
			</caption>
			<thead>
				<tr>
					<th>姓名</th>
					<th>PHP</th>
					<th>Python</th>
					<th>Java</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td colspan="2" rowspan="2">郭靖</td>

					<td>84</td>
					<td>89</td>
				</tr>
				<tr>


					<td>69</td>
					<td>93</td>
				</tr>
				<tr>
					<td>杨康</td>
					<td>68</td>
					<td>79</td>
					<td>90</td>
				</tr>
				<tr>
					<td>黄蓉</td>
					<td>34</td>
					<td>67</td>
					<td>89</td>
				</tr>
				<tr>
					<td>欧阳锋</td>
					<td>55</td>
					<td>66</td>
					<td>88</td>
				</tr>
				<tr>
					<td colspan="3">平均成绩</td>

					<td>90</td>
				</tr>

			</tbody>
			<tfoot>

			</tfoot>
    </table>
</body>
</html>

说明：

border：表示表格宽度

cellspacing：表示表格间距

cellpadding：属性规定单元边沿与其内容之间的空白

colspan：表示合并横向表格数量

rowspan：表示合并纵向表格数量