教你从0开始学习制作网

教你从0开始学习制作网

ID:40497002

大小:291.42 KB

页数:24页

时间:2019-08-03

教你从0开始学习制作网_第1页
教你从0开始学习制作网_第2页
教你从0开始学习制作网_第3页
教你从0开始学习制作网_第4页
教你从0开始学习制作网_第5页
资源描述:

《教你从0开始学习制作网》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第8章:表格的应用1.建立表格表格是HTML非常重要的一项功能,利用其多种属性能够设计出多样化的表格,进行网页排版。表格是网页排版的灵魂。添加表格-table,tr,td表格一般通过三个标记来创建。分别是表格标记

,行标记和单元格标记这三对标记是需要遵循一定的嵌套规则的
文字1文字2
文字3文字4
文字1文字2文字3

2、文字4说明:

标记和
标记分别标志着一个表格的开始和结束。标记和标记分别标志着表格中一行的开始和结束。因此标记对必须嵌套在标记对中。表格中有几组…标记对,就表示表格有几行。标记表示一个单元格的起始和结束,也即表示一行中有几列。因此标记对中。2.表格的基本属性表格宽度width和高度height默认的情况下,表格的宽度和高度是与表格内的文字相关的。是根据内容自动调整的。如果想制定

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在一些复杂表格中水平跨度属性特别有用。单元格水平跨度是指某个单元格可以跨多少列。也可以说是一个单元格向右打通的列的个数。语法:成绩表

标记对必须嵌套在
赵一8790

8、>

77
钱二677876
孙三898883
垂直跨度rowspan单元格除了可以在水平方向跨列,还可以在垂直方向上跨行。语法:举例:
当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。