设计网页时经常会用到表格来组织页面信息，它能将网页划分成任意多个矩形区域，每个区域可包含导航、文字、图像、动画等信息，设计者可将任意的网页元素放入其中。
1. 表格的定义：
1）在需要使用表格的地方插入成对的
标记，就可以完成表格的插入。定义表格常用的标记有
| 标签 | 说明 |
| 表格标记，用于插入表格 | |
|
| 行标记，用于插入行 |
|
|
| 列标记，用于插入列 |
|
|
|
表头标记，用于设置表头信息 |
|
| 表格标题，设置标题 |
实例： 表格的定义 计算机学习 | CS | 数据库 | BS | | 软件工程 | SQL Server | html | | 设计模式 | mySql | JavaScript | 效果： 2）划分结构表格 划分结构表格是指将一个表格分成三个部分，分别使用三个标记 | 标签 | 说明 | | | 定义一组表头行 | | | 为表格添加一个标注 | | | 定义表格的主体部分 | 2. 表格属性 在网页的设计中常常需要对网页中的表格 做一些格式上的设置，这些设置是通过对表格标记属性的设置完成的。 | 属性名称 | 说明 | | width | 表格的宽度 | | border | 边框粗细 | | frame（8种属性值） | 设置表格的边框样式 | 属性值 | 说明 | | void | 不显示边框 | | border | 显示上下左右边框 | | above | 显示上边框 | | below | 显示下边框 | | hsides | 显示上下边框 | | lhs | 显示左边框 | | rhs | 显示右边框 | | vsides | 显示左右边框 | | | rules（5种属性值） | 设置表格内部边框的属性 | 属性值 | 说明 | | all | 显示所有内部边框 | | none | 不显示内部边框 | | groups | 显示介于行列边框 | | cols | 仅显示列边框 | | rows | 仅显示行边框 | | 实例： 表格的属性 计算机学习 | CS | 数据库 | BS | | 设计模式 | mySql | JavaScript | | 软件工程 | SQL Server | html | 效果： 3.表格行与单元格的属性 在表格中，通过 标记的属性来设置表格中某一行的属性，用| 的属性设置表格单元格的属性。 | 属性名称 | 说明 | | align（3种属性值） | 设置行内容的水平对齐方式 | 属性值 | 说明 | | left | 左对齐 | | right | 右对齐 | | center | 居中对齐 | | | valign（4种属性值） | 设置行内容的垂直对齐方式 | 属性值 | 说明 | | top | 顶端对齐 | | middle | 居中对齐 | | bottom | 底部对齐 | | baseline | 基线 | | | rowspan | 设置跨行，即单元格的纵向合并 | | colspan | 设置跨列，即单元格的横向合并 | 实例： 表格行与单元格的属性 计算机学习 | CS | 数据库 | BS | | 设计模式 | mySql | JavaScript | | SQL Server | html | 效果： 4.多个表格的使用 表格可以嵌套使用以表示层次关系，在
标记插入表格后，可在 | 间再插入表示在单元格中插入表格；也可以多个同级表格同时使用，此时有两个常用的属性可方便表格的排版，美化布局。
| cellspacing | 设置单元格的间距 |
| cellpadding | 设置单元格中内容与边框之间的间距 |
小结： 表格是一种很简单的页面布局工具，它的应用使得网页简洁直观，且更便于阅读。熟练掌握主要的表格标记的相关属性，可以提高工作效率
|
本文是由用户编写整理，所有内容的版权归原作者所有。如果侵犯了您的权益，请联系我删除
|
