html表格标签

125 阅读 0 评论 83 点赞

我是靠谱客的博主丰富热狗，这篇文章主要介绍html表格标签，现在分享给大家，希望可以做个参考。

在网页制作之中，表格标签是常用的标签之一，比如制作表格，或者利用表格的整齐性来设置页面布局。

<table></table>来用来制作表格，所以制作表格的语句在其之间；<tr></tr>则修饰表格行；而<td></td>修饰表格数据，这包含在<tr></tr>中。

其中table有不少属性，比如：border,bordercolor,cellspacing,width,height,bgcolor。boder表示外框边线的粗细，bodercolor表示边线的颜色，cellspacing表示单元格之间的空隙,width表示表格的宽，height表示表格的高，bgcolor表示背景色。

复制代码<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<head>
	<title size="10" color="red">welcome to HTML</title>
</head>
<body>
	<table border="1" bordercolor="blue" cellspacing="0" width="400" height="150">
	
		<tr align="center">
			<td>姓名</td>
			<td>性别</td>
			<td>年龄</td>
		</tr>
		<tr>
			<td>carson</td>
			<td>男</td>
			<td>24</td>
		</tr>
		<tr>
			<td>thl</td>
			<td>女</td>
			<td>24</td>
		</tr>
		<tr>
			<td>Alice</td>
			<td>女</td>
			<td>24</td>
		</tr>
		
	</table>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<head>
	<title size="10" color="red">welcome to HTML</title>
</head>
<body>
	<table border="1" bordercolor="blue" cellspacing="0" width="400" height="150">
	
		<tr align="center">
			<td>姓名</td>
			<td>性别</td>
			<td>年龄</td>
		</tr>
		<tr>
			<td>carson</td>
			<td>男</td>
			<td>24</td>
		</tr>
		<tr>
			<td>thl</td>
			<td>女</td>
			<td>24</td>
		</tr>
		<tr>
			<td>Alice</td>
			<td>女</td>
			<td>24</td>
		</tr>
		
	</table>
</body>
</html>
登录后复制