html学习笔记 - table表格 


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>table表格</title>
</head>
<body>
	<table width = "200" height = "200" border = "1" cellspacing = "0" borderColor = "blue">
		<!-- caption 表头 thead表顶部内容  tbody表内容 -->
		<!-- tr行 th行  td列 -->
		<caption color = "red">表头</caption>
		<thead>
			<tr align = "center" bgColor = "red">
				<th>姓名</th>
				<th>年龄</th>
				<th>职业</th>
			</tr>
		</thead>

		<tbody>
			<tr align = "center" >
				<!-- valign 设置对其方式 -->
				<td valign = "top">张三</td>
				<td>15</td>
				<td>科学家</td>
			</tr>
			<tr align = "center">
				<td>李四</td>
				<td>20</td>
				<td>农民</td>
			</tr>
		</tbody>

	</table>
</body>
</html>
posted @ 2017-02-20 16:40  qqcc1388  阅读(215)  评论(0)    收藏  举报