HTML之表格

来源:互联网 发布:双十一淘宝口令红包 编辑:程序博客网 时间:2024/05/22 05:21

(1)在HTML中,表格是用<table>元素定义的,如下所示:

<table border="n" align="alignment" bgcolor="clr">...</table>

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

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

bgcolor:指定表格的背景色。

(2)<caption>元素用于定义表格的标题,如下所示:

<caption>...</caption>  

(3)<tr>元素在表格中添加一个新行,如下所示:

<tr align="alignment" valign="alignment">...</tr>

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

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

(4)<th>元素用于定义表头,如下所示:

<th>...</th>

(5)<td>元素用于定义单元格,如下所示:

<td>...</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>


表格效果如下:





感谢您的阅读~