资源描述:
《网页设计_表格、表单和框架》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
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、val4、ign属性用于设置标题的对齐方式,取值同
,默认在表的上方中间。 | | ——要突出某个单元格内容,只要将希望突显内容的单元格标签对、 | 改用表头单元格标签对、 | 即可,甚至只需要将改为 | 就可以了。3.1.2表格的常用属性的常用属性属性用途属性值border设置边框的宽度像素值,默认值为1bordercolor设置边框的颜色颜色值,默认值为黑色bgcolor设置背景颜色颜色值,默认值为白色background设置背景图片同页面背景图片设置width设置表格的宽度像素值或占窗口的百分比he5、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> | 女 |
|