欢迎来到天天文库
浏览记录
ID:40497002
大小:291.42 KB
页数:24页
时间:2019-08-03
《教你从0开始学习制作网》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第8章:表格的应用1.建立表格表格是HTML非常重要的一项功能,利用其多种属性能够设计出多样化的表格,进行网页排版。表格是网页排版的灵魂。添加表格-table,tr,td表格一般通过三个标记来创建。分别是表格标记
2、文字4说明:
3、表格的宽度使用width属性,制定表格的高度使用height属性。语法:表格的宽度和高度可以使具体的数值(单位是像素)也可以是百分比。表格的对齐方式align表格的对齐方式是整个表格在网页中的位置。语法:对齐方式包括left,center和right三种。练习:在网页中创建如下表格3.表格的边框除了可以设置基本属性外,表格还可以设置边框效果,包括颜色宽度等。边框宽度border默认情况下,表格是不显示边框的。为了使
4、得表格更加清晰可以使用border参数设置边框的宽度。语法:边框的颜色bordercolor默认的情况下,边框的颜色是灰色的。设置边框颜色的前提是边框的宽度border不能设为0语法:内框的宽度cellspacing表格的内框宽度是指表格各个单元格之间的宽度。语法:表格内文字与边的距离cellpadding默认情况下,表格内的文字会紧贴着表格的边框。有时
5、可以使用cellpadding参数来调整这一距离。练习更改前一练习中表格的属性设置颜色为#9933cc设置边框宽度为2,设置内框宽度为10,设置文字与边框的距离为3再修改内框宽度为0,体验一下修改后的效果。4.设置表格背景为了突出表格还可以为表格设置与页面不同的背景设置背景颜色bgcolor语法:设置表格的背景图像除了为表格设置背景色外,还可以设置背景图像,语法:练习:1.将前一练习中的表格背景颜色更改为#77ffee
6、2.使用课件文件夹中的图片素材设置表格的背景图片。5.修改表格的行属性设定了表格的整体属性后,还可以对单独的一行表格进行属性设置。高度的控制–height当遇到一些表格中某一行的高度和其他行不同时,就需要使用height参数。该参数只对这一行有效。语法:边框的颜色与表格相同,对表格的行来说,也可以单独设置其外框的颜色语法:行背景:语法:行文字的水平对齐方式al
7、ign语法:行文字的垂直对齐方式valign语法:8.调整单元格属性水平跨度colspan在一些复杂表格中水平跨度属性特别有用。单元格水平跨度是指某个单元格可以跨多少列。也可以说是一个单元格向右打通的列的个数。语法:成绩表
8、>
此文档下载收益归作者所有