您的位置：首页 > 其它

Web表格

2015-12-29 17:18 489 查看

HTML元素学习

1：表格：表格的作用是显示表格数据，小范围内布局

表格的框架

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TableDemo</title>
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>

<body>
<table border = "10px" width = "400px">
<caption>Calories&Fat</caption>
<tr height = "40px">
<!--表头，表头为Menuitem calories Fat(g)-->
<th>Menu item</th>
<th>Calories</th>
<th>Fat(g)</th>
</tr>
<tbody align = "center"><!--居中-->
<tr >
<td>Chieck noold soup</td>
<td>120</td>
<td>2</td>
</tr>

<tr >
<td>Caesar salard</td>
<td>400</td>
<td>26</td>
</tr>
</tbody>
</table>

</body>
</html>

要点：

一次定义，处处使用：<tbody></tbody>,用来设置表格的属性；

border = "10px" width = "400px" 设置表格属性

<caption>Calories&Fat</caption>设置表头

单元格合并：

左右合并用 colspan = "2";后面接单元格的个数（包含自己），并删除后面合并的个数

上下合并 rowspan= "2";后面接单元格的个数（包含自己），并删除后面的个数；

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航