使用表格可以清晰地显示列成表的数据,例如股票行情的数据列表。实际上表格的作用不只是显示数据,它还在网页定位上起着重要的作用。8.1使用HTML建立表格表格的建立将利用3个最基本的HTML标签来完成,它们分别是
标签、标签和标签。建立一个最基本的表格,必须包含一组标签、一组 |
标签以及一组 | 标签,这也是最简单的单元格表格。标签的作用是定义一个表格,
标签的作用是定义一行,而 | 标签的作用是定义一个单元格。8.1.1一个最简单的表格观察下面的代码。单元格单元格1 | 单元格2 |
单元格3 | 单元格4 |
单元格5 | 单元格6 |
注意代码中以粗体显示的语句。这就是一个最基本的表格,它只有3行2列,下面就详细讲解一下这3个标签。
标签:它用于标识一个表格,就如同标签一样,告诉浏览器这是一个表格。标签:它用于标识表格的一行,也就是建立一行表格,代码中有多少个
标签,就表示有多少行的表格。标签:它用于标识表格的一列,也就是建立一个单元格,它必须放在 | 标签里使用,一个
标签内有多少个就表示这行里有多少列或是说有多少个单元格。8.1.2各种表格样式在上一节中介绍了表格的建立方法,但这样一个表格样式比较单一,在实际应用中还可以利用相关的HTML标签来设置表格的各种样式。下面就一一进行介绍。1.表格边框的设置现在来了解一下标签中各属性的用法,首先是设置表格边框的样式。表格的边框属性单元格1 | 单元格2 | 注意代码中以粗体显示的语句。控制表格的边框共有3个属性,分别是border、cellspacing和cellpadding属性。2.表格高宽的控制对于表格的高、宽度也是通过height和width两个属性来控制的。表格的长宽课程 | 教室 | 语文 | 东楼1-1 | |
注意代码中以粗体显示的语句。两者的语法结构为
、,n代表一个数值,单位为像素(px),m代表0到100的数,即0%到100%,表格将相对于当前窗口大小的百分比来显示。注意,这里的高宽设置是整个表格的高宽设置。3.表格相关颜色的设置下面介绍表格的边框和背景颜色的设置。表格的颜色设置课程 | 教室 |
语文 | 东楼1-1 |
英语 | 西楼1-1 |
注意代码中以粗体显示的语句。表格的边框颜色是通过bordercolor属性来设置的,,表格的边框颜色包括了表格的外框颜色和单元格的外框颜色。而表格的背景颜色是通过bgcolor属性来设置的,。8.2在Dreamweaver中创建和操纵表格有了上面的基础,再学习使用Dreamweaver制作表格就很容易了。选择“插入”菜单的“表格”命令,在出现的对话框中指定表格的行数、列数、列宽和边线宽度,这时文档窗口的文本光标处会出现一个空白表格。如果开始时不能确定这些参数,那么也可以使用默认值,后面还可以用属性面板来修改表格的外观。8.2.1在属性面板中控制表格Dreamweaver对表格的控制非常灵活。属性面板可以分别控制整个表格、表格的一行、表格的一列或一个单元格。属性面板的控制对象由选中的对象决定。当把鼠标移到表格的四周时,鼠标指针的形状变为十字形,这时单击鼠标左键,表格四周出现一个框,表示选中整个表格。这时控制面板各项参数的作用如下。·行和列:设定表格的行数和列数。·宽和高...