表格
有很多行,很多列,有序排列的单元格就叫表格。表格是< table >标签来定义的,行用< tr > 标签来表示,而列用< td >标签来表示,必须先定义行才能定义列。因为html中,每一列是在一行当中的。
< table>< /table>、< tr>< /tr>、< td>< /td>是创建表格的基本标签,缺一不可。
表头标签:< th >
表头一般位于表格的第一行或第一列,其文本加粗居中,如下图所示,即为设置了表头的表格。设置表头非常简单,只需用表头标签th/th替代相应的单元格标签td/td即可。
表格的标题标签:< caption >
<html>
<head>
<link rel="stylesheet" href="Untitled-1.css">
</head>
<body>
<table border="1">
<caption>表格标题</caption>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
</table>
</body>
</html>
border是
关于表格还有一些其他属性:设置表格内的边距 cellpadding 属性,表格内的颜色bgcolor属性,单元格内容排列 align 属性 值分别有center、left、right,合并单元格colspan 属性,,,如下表格
<html>
<head>
<link rel="stylesheet" href="Untitled-1.css">
</head>
<body>
<table border="1" bgcolor="red" cellpadding="10">
<caption>表格标题</caption>
<tr>
<th>表头</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<th>表头</th>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td colspan="5" align="center">9</td>
</tr>
</table>
</body>
</html>