HTML语言—表格.ppt

HTML语言—表格.ppt

ID:48154014

大小:505.00 KB

页数:52页

时间:2020-01-17

上传者:qwe189537
HTML语言—表格.ppt_第1页
HTML语言—表格.ppt_第2页
HTML语言—表格.ppt_第3页
HTML语言—表格.ppt_第4页
HTML语言—表格.ppt_第5页
资源描述:

《HTML语言—表格.ppt》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

HTML-表格 一、教学内容:表格的制作表格的标题与表头行标记单元格标记表格的嵌套二、难点:表格的嵌套三、重点标记及其属性的应用四、课时1学时 一、制作表格表格标记

:边框属性Border宽度、高度属性Width,Height边框色属性Bordercolor背景颜色属性Backgound单元格间距属性Cellspacing单元格边距属性Cellpadding水平对齐属性Align 制作表格基本语法:
…………
语法解释:标记一个表格,标记一行,………效果 表格的宽度、高度属性基本语法:语法解释:单位为象素或百分比,单位是百分比时,如果是非嵌套表格则是相对于浏览器窗口而言,若是嵌套表格则是相对其所在单元格宽度。 设定表格的宽度和高度

主流的网页设计软件

……效果 表格的边框颜色属性基本语法:语法解释:BORDERCOLOR:设定表格边框色BORDERCOLORLITHT:表格亮边框色(左上)BORDERCOLORDARK:表格暗边框色(右下)。 设定表格边框的颜色

主流的网页设计软件

……效果 表格的背景颜色属性基本语法:语法解释:定义表格的背景色 设定表格背景的颜色

主流的网页设计软件

…… 表格的背景图像属性基本语法:语法解释:定义表格的背景图像,给出绝对路径或者相对路径 设定表格的背景图像

主流的网页设计软件

…… 单元格间距属性基本语法:语法解释:设置单元格与单元格之间的间距,以象素为单位。 设定表格的单元格间距

主流的网页设计软件

…… 单元格边距属性基本语法:语法解释:设置单元格内容与边框之间的间距,以象素为单位。 设定表格的单元格边距

主流的网页设计软件

…… 表格的水平对齐属性基本语法:语法解释:设置表格的水平对齐方式。 设定表格的水平对齐方式

主流的网页设计软件

…… 二、表格的标题与标头表格标题标记语法解释:设置表格的标题,而且可以控制标题文字的排列属性,使用在
标记一个单元格 制作表格

主流的网页设计软件

网页图像软件Fireworks
网页制作软件Dreamweaver
网页动画软件Flash
效果 表格的边框属性基本语法:语法解释:border属性定义边框线的宽度,单位为象素。 设定表格边框的宽度

主流的网页设计软件

网页图像软件Fireworks
网页图像软件Fireworks
网页图像软件Fireworks
网页图像软件Fireworks
网页图像软件Fireworks
网页图像软件Fireworks
网页图像软件Fireworks
网页图像软件Fireworks
水平对齐属性ALIGN垂直对齐属性VALIGN表格的标头标记
表格的标题标记基本语法:
标记中。 设定表格的标题…… 标题标记的水平对齐属性基本语法:…语法解释:设置表格标题文字的水平对齐方式。 设定表格标题的水平对齐主流的网页设计软件…… 标题标记的垂直对齐属性基本语法:…语法解释:设置表格标题文字的垂直对齐方式,TOP表示标题位于表格上方,BOTTOM表示标题位于表格下方。 设定表格标题的垂直对齐主流的网页设计软件…… 表格的表头基本语法:
主流的网页设计软件
网页图像软件Fireworks
网页图像软件Fireworks
网页图像软件Fireworks
…………
语法解释:表头就是表格的第一行,其中文字可以居中并且加粗显示。 设定表格的表头软件分类软件名称网页图像软件Fireworks…… 三、行标记标记标识一行,其属性与标记属性相似属性描述Align行内容的水平对齐Valign行内容的垂直对齐Bgcolor行的背景颜色Background行的背景图像Bordercolor行的边框颜色Bodercolorlight行的亮边框颜色Bodercolordark行的暗边框颜色 设定表格的行属性…… 四、单元格标记网页制作软件
网页图像软件Fireworks
标记标识一单元格,其属性与标记属性相似属性描述Align单元格内容的水平对齐Valign单元格内容的垂直对齐Bgcolor单元格的背景颜色Background单元格的背景图像Bordercolor单元格的边框颜色Bodercolorlight单元格的亮边框颜色Bodercolordark单元格的暗边框颜色Width单元格的宽度Height单元格高度 设定表格的单元格属性网页图像软件Fireworks…… 单元格的跨行属性基本语法:…语法解释:ROWSPAN属性说明该单元格跨行,VALUE给定具体值。 设定表格的单元格跨行网页图像软件
软件分类软件名称
Fireworks
Dreamweaver
Flash
单元格的跨列属性基本语法:…语法解释:COLSPAN属性说明该单元格跨列,VALUE给定具体值。 设定表格的单元格跨列
网页制作软件Dreamweaver
网页动画软件Flash
网页图像软件Fireworks
五、表格嵌套在页面中,排版是通过表格的嵌套来完成的:如果都在一个表格中,复杂的布局难以实现;显示时间加长 表格嵌套 Macromedia网页设计师网页设计软件 网页制作软件Dreamweaver网页动画软件Flash网页图像软件Fireworks 表格练习1324 445454524565464343 hjffhfhdfhdfhdfhfdhdfhdfhdfuiyuiytiutyitrurturttrurtrturtu

当前文档最多预览五页,下载文档查看全文

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

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