标签 | 名称 | 说明 |
table | 表格标签 | 标记当前内容开始是一张表格 |
caption | 表格描述 | 对表格中的内容进行文字描述 |
thead | 表头 | 表格的头部,通常是对后续数据的说明 |
tr | 表格行(table row) | 表示表格中的一行数据 |
th | 表头数据(table head data) | 表示表头中某一格的数据,包含具体的数据 |
tbody | 表体 | 表示表格中的具体数据部分 |
td | 表格数据(table data) | 表示表格题中要呈现的某一格数据,包含具体数据 |
ftoot | 表尾 | 通常用于对表格中的数据进行总结的信息,比如小计等 |
属性 | 名称 | 说明 |
table:width | 表格宽度 | 使用像素单位描述表格显示的宽度 |
table:border | 表格边线 | 使用像素单位描述表格边线的宽度 |
table:align | 表格对齐方式 | left:表示表格向左对齐 right:表示表格向右对齐 center:表示表格居中对齐 |
td:rowspan | 表格跨行 | 当前格跨越多行 |
td:colspan | 表格跨列 | 当前格跨越多列 |
简单表格:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单表格的使用</title>
</head>
<body>
<!--
表格标签
-->
<table border="1px" width="150px">
<tr>
<td>1000顶点</td>
<td>7</td>
<td>7</td>
<td>7</td>
<td>1000</td>
</tr>
<tr>
<td>普通</td>
<td>5</td>
<td>5</td>
<td>5</td>
<td>500</td>
</tr>
<tr>
<td>垃圾</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>10</td>
</tr>
</table>
</body>
</html>
表格使用建议:
1.不建议使用表格布局,因为使用表格不够灵活,另外一方面由于表格的特性,需要将表格的所有标签加载完毕之后才能够呈现界面。
2.在对解析速度没有要求的地方可以使用表格提升开发效率,通常内网管理系统,或者管理界面。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<style type="text/css" media="screen" id="test">
</style>
</head>
<body>
<table border=1 align="center" cellspacing="1" width="300" height="300" >
<tr align="center">
<td rowspan="2">A</td>
<td colspan="2">B</td>
</tr>
<tr width="" align="center">
<td>E</td>
<td rowspan="2">C</td>
</tr>
<tr align="center">
<td colspan="2">D</td>
</tr>
</table>
</body>
</html>