《表格与表单》PPT课件.ppt

资源描述：

《《表格与表单》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第六章表格与表单表格的创建表单相关标记表格样式的控制表单样式的控制6.1表格标记6.2CSS控制表格样式6.3认识表单6.4创建表单6.5表单控件6.6CSS控制表单样式6.7阶段案例-制作注册界面6.1表格标记6.1.1创建表格在HTML网页中，要想创建表格，就需要使用表格相关的标记。创建表格的基本语法格式如下：

......

单元格内的文字

6.1表格标记6.1.1创建表格在上面的语法中包含三对HTML标记，分别为、、，他们是创建表格的基本标记

2、，缺一不可，下面对他们进行具体地解释。

：用于定义一个表格。：用于定义表格中的一行，必须嵌套在标记中，在中包含几对，就有几行表格。：用于定义表格中的单元格，必须嵌套在标记中，一对中包含几对，就表示该行中有多少列（或多少个单元格）。6.1表格标记6.1.1创建表格注意:学习表格的核心是学习标记，他就像一个容器，可以容纳所有的元素，中甚至可以嵌套表

3、格

。但是中只能嵌套，直接在标记中输入文字的做法是不被允许的。6.1表格标记6.1.2标记的属性标记的属性如下表所示。属性名含义常用属性值border设置表格的边框（默认border="0"无边框）像素值cellspacing设置单元格与单元格边框之间的空白间距像素值（默认为2像素）cellpadding设置单元格内容与单元格边框之间的空白间距像素值（默认为1像素）width设置表格的宽度像素值height设置表格的高度像素值align设置表格在网页中的水平对齐方

4、式left、center、rightbgcolor设置表格的背景颜色预定义的颜色值、十六进制#RGB、rgb(r,g,b)background设置表格的背景图像url地址6.1表格标记6.1.2

标记的属性1、border属性在标记中，border属性用于设置表格的边框，默认为0。代码如下：2、cellspacing属性cellspacing属性用于设置单元格与单元格边框之间的空白间距，默认为2px。代码如下：6.1表格标记6.1.2

5、e>标记的属性3、cellpadding属性cellpadding属性用于设置单元格内容与单元格边框之间的空白间距，默认为1px。代码如下：注意:cellpadding类似于盒子模型的内边距padding，指的是单元格内部的距离，cellspacing则指的是外部单元格与单元格之间的距离。可以结合盒子模型的内外边距理解cellpadding与cellspacing的不同。6.1表格标记6.1.2

标记的属性4、width与height属性默认情况下，表格的宽度和

6、高度靠其自身的内容来支撑。要想更改表格的尺寸，就需对其应用宽度属性width或高度属性height。注意:当为表格标记

同时设置width、height和cellpadding属性时，cellpadding的显示效果将不太容易观察，所以一般在未给表格设置宽高的情况下测试cellpadding属性。6.1表格标记6.1.2标记的属性5、align属性align属性用于定义元素的水平对齐方式，其可选属性值为left、center、right。值得一提的是，当对标记应用align属性时，控制的为表格的水平对齐方式，单元格中的内容不受影响。

7、6、bgcolor属性在

标记中，bgcolor属性用于设置表格的背景颜色。7、background属性在标记中，background属性用于设置表格的背景图像。6.1表格标记6.1.3标记的属性制作网页时，有时需要表格中的某一行特殊显示，这时就可以为行标记定义属性。属性名含义常用属性值height设置行高度像素值align设置一行内容的水平对齐方式left、center、rightvalign设置一行内容的垂直对齐方式top、middle、bottombgcolor设置行背景颜色预定

点击下载本文档