HTML之表格

最新推荐文章于 2024-08-31 16:21:12 发布

芝麻开花不开门

最新推荐文章于 2024-08-31 16:21:12 发布

阅读量389

点赞数 1

分类专栏： HTML 文章标签： html 表格

本文链接：https://blog.csdn.net/Luyanc/article/details/78759341

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

（1）在HTML中，表格是用<table>元素定义的，如下所示：

border：定义表格边框的宽度，n可以使从0开始的整数，如果设置border=0，那么表格边框没有宽度，border属性默认为0。

align：设定表格的对齐方式，alignment可以使left、center、right。

bgcolor：指定表格的背景色。

（2）<caption>元素用于定义表格的标题，如下所示：

（3）<tr>元素在表格中添加一个新行，如下所示：

align：指定这一行在水平方向上的对齐方式，alignment可以取left、center、right。

valign：指定这一行在垂直方向上的对齐方式，alignment可以取top、middle、bottom。

（4）<th>元素用于定义表头，如下所示：

（5）<td>元素用于定义单元格，如下所示：

举例如下：

<html>
<head><title>表格的例子</title></head>
<body>
<table border="1" align="center" bgcolor="#ffdddd">
	<caption>2000年度期末考试成绩单</caption>
	<tr align="center" valign="middle">
		<th>姓名</th>
		<th>语文</th>
		<th>数学</th>
		<th>英语</th>
	</tr>
	<tr align="center" valign="middle">
		<td>张三</td>
		<td>98</td>
		<td>99</td>
		<td>90</td>
	</tr>
</table>
</body>
</html>

表格效果如下：