网页设计_表格、表单和框架

网页设计_表格、表单和框架

ID:41145921

大小:3.03 MB

页数:38页

时间:2019-08-17

网页设计_表格、表单和框架_第1页
网页设计_表格、表单和框架_第2页
网页设计_表格、表单和框架_第3页
网页设计_表格、表单和框架_第4页
网页设计_表格、表单和框架_第5页
资源描述:

《网页设计_表格、表单和框架》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、第3章表格、表单及框架3.1表格3.2表单3.3框架3.1表格3.1.1表格的基本结构用表格显示信息条理清楚,使浏览者一目了然。表格在网页中还有协助布局的作用,可以把文字、图像、声音甚至视频,或者另一个表格,组织到表格的不同行列中,以制作整齐、清晰的页面。HTML具有强大的建立、显示表格的功能。HTML的表格由行和列组成,每一行的一个列就是一个单元格,如右图所示:创建HTML表格需要使用下列标签:(1)

——表格标签对,用于定义一个表格;(2)、——行标签对,用于定义一个行,只能嵌套在表格标签对中(3)

2、>、——单元格标签对,用于定义一个单元格,只能嵌套在行标签对中。、中放单元格内容,即要显示的数据。3.1.1表格的基本结构【例3-1】创建一个简单表格,放一组学生信息。简单表格示例

学号姓名性别
08003301

3、td>

王明
08003302张鸿
常见的表格上面往往有个标题,第一行(表头)也常常用突出的字体(如黑体、粗体等)等来显示,以突显其内容。这些在HTML表格中可以利用表格下面两个标签来实现:——标题标签对,用于定义一个表格标题,它只能放在标签对中,并在之前。——要突出某个单元格内容,只要将希望突显内容的单元格标签对改用表头单元格标签对即可,甚至只需要将
的align、val

4、ign属性用于设置标题的对齐方式,取值同

,默认在表的上方中间。改为就可以了。3.1.2表格的常用属性的常用属性属性用途属性值border设置边框的宽度像素值,默认值为1bordercolor设置边框的颜色颜色值,默认值为黑色bgcolor设置背景颜色颜色值,默认值为白色background设置背景图片同页面背景图片设置width设置表格的宽度像素值或占窗口的百分比he

5、ight设置表格的高度像素值或占窗口的百分比cellspacing设置表格中格子间的空隙像素值cellpadding设置表格的格子中内容与边框间的空隙像素值align设置表格在网页中的位置(左,中,右)left、center、right2.行、单元格的常用属性属性用途属性值width设置行或单元格的宽度像素值或百分比height设置行或单元格的高度像素值或百分比bgcolor设置行或单元格背景颜色颜色值,默认值为白色align单元格中内容的水平对齐方式left(默认)、center、rightvalign单元格中内容的垂直对齐方式top、middle(默认

6、)、bottombordercolor设置单元格边框的颜色颜色值,默认值为黑色background设置单元格背景图片同页面背景图片设置【例3-2】

属性设置示例
学生表
学号姓名性别
08003301王明

7、

08003302张鸿

学号姓名性别
08003301王明
08003302张鸿

8、d>