首页 理论教育 DreamweaverCS6网页设计中的表格基础知识

DreamweaverCS6网页设计中的表格基础知识

时间:2023-11-05 理论教育 版权反馈
【摘要】:行从左到右横过表格,而列则是上下走向,单元格是行和列的交界部分,它是用户输入信息的地方,单元格会自动扩展到与输入的信息相适应的大小。如果用户已启动了表格边框,则浏览器中会显示表格边框和其中包含的所有单元格。图2-3 表格的代码带有很多属性,现在将一些最为常用的属性介绍如下。设置了表格的方向之后,会影响表格中所有单元格中文本的方向,也可以针对特定的单元格,设置其方向属性。

DreamweaverCS6网页设计中的表格基础知识

表格基本上是随着用户添加正文或图像而扩展的。表格由三个主要元素构成:行、列和单元格,如图2-2所示。行从左到右横过表格,而列则是上下走向,单元格是行和列的交界部分,它是用户输入信息的地方,单元格会自动扩展到与输入的信息相适应的大小。如果用户已启动了表格边框,则浏览器中会显示表格边框和其中包含的所有单元格。

978-7-111-40644-0-Chapter02-3.jpg

图2-2 表格格式

在Dreamweaver CS6【文档】窗口中,经常单击按钮978-7-111-40644-0-Chapter02-4.jpg,打开HTML代码进行管理,因此也要掌握表格在代码下的编辑控制方法。用<table>和</table>标记分别定义一个表格的开始和结束,如图2-3所示。表格的标题和内容包含在这两个标记之间。表格标题由<caption>和</caption>表示,表格行由<tr>和</tr>标记表示,而表格内容则由<th>和</th>标记以及<td>和</td>标记表示。

978-7-111-40644-0-Chapter02-5.jpg

图2-3 表格的代码(www.xing528.com)

<table>带有很多属性,现在将一些最为常用的属性介绍如下。

1)Align:用于决定表格在文档中的对齐方式,其可选的属性值为left(左对齐)、center(居中对齐)和right(右对齐)等。

2)Width:用于确定表格在浏览器中的宽度,其取值可以是像素值,以设置表格的绝对宽度,也可以是相对于浏览器窗口宽度的百分比值,用于设置表格的相对宽度。如果不设置该属性,则表格的宽度由用户的浏览器根据表格中各项设置自行确定。

3)Height:用于确定表格在浏览器中的高度,其取值可以是像素值,以设置表格的绝对高度,也可以是相对于浏览器窗口高度的百分比值,用于设置表格的相对高度。如果不设置该属性,则表格的高度由用户的浏览器根据表格中各项设置自行确定。

4)Dir:描述表格的方向,其取值是一个用于说明方向的字符串。默认状态下,表格的方向是从左至右的,这时表格的顶端是第0行,左端是第0列。如果将Dir属性值指定为“RTL”,则将表格的方向设置为从右至左,这时表格的顶端同样是第0行,但是右端才是第0列。设置了表格的方向之后,会影响表格中所有单元格中文本的方向,也可以针对特定的单元格,设置其方向属性。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈

  • chatAI在线使用