轻松学HTMLCSS之表格.pptx

轻松学HTMLCSS之表格.pptx

ID:52928365

大小:297.28 KB

页数:33页

时间:2020-04-01

轻松学HTMLCSS之表格.pptx_第1页
轻松学HTMLCSS之表格.pptx_第2页
轻松学HTMLCSS之表格.pptx_第3页
轻松学HTMLCSS之表格.pptx_第4页
轻松学HTMLCSS之表格.pptx_第5页
资源描述:

《轻松学HTMLCSS之表格.pptx》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第8章表格表格是网页的一个重要容器元素,可包含文字和图像。表格使网页结构紧凑整齐,使网页内容通俗易懂。表格的使用方法灵活,但内容繁多。本章我们就来介绍表格的使用方法。8.1表格的构建表格由

标签来定义。每个表格均有若干行,由标签定义;每行被分割为若干单元格(即列),由标签里面,定义语法形式如下所示:8.1.2单元格数据标签标签里面,与
标签定义。下面给出一个表格的整体示意图,如图8.1所示:8.1表格的构建表格的定义语法规则如下所示:8.1.1表头单元格表头单元格是指表格头部的单元格格式,通过标签定义。使用标签可以使此标签里的文本内容字体变粗,以形成表头的格式。标签写

2、在

单元格数据标签,也是列标签,用来设置表格的列。标签用来添加文本内容,在
标签并列出现。定义语法形式如下所示:8.1.3表格的标题表格的标题是指表格的题目,显示在表格的最上面。通过
标签来定义,与表头不同的是,标签设置的标题不被包围在边框里面,而表头设置的标题被包围在边框的里面,放在标签中。定义语法形式如下所示:8.2表格外观表格的外观变化越来越多样,增加了网页的可观性,引起读者极大的兴趣。表格的外

3、观包括表格内容的颜色变换、对齐方式、表格的背景颜色等,下面我们就来详细介绍有关表格外观的设置。8.2.1宽度(width)和高度(height)当单元格中的内容较多时,需要调整表格单元格的高度和宽度。通常使用width属性定义表格宽度,height属性定义表格的高度,定义语法结构如下所示:8.2.2背景颜色和图像网页背景的设置也是网页设计过程中最为常见的网页元素。其中,网页背景不仅可以添加背景颜色,还可以添加背景图像。下面我们就分别来介绍在HTML和CSS中设置背景颜色和图像。1.在HTML中定义背景网页可以添加背景颜色和图像,同样,表格也可以添加背景颜色和

4、图像,使表格的外观更加美观。通过标签和标签进行定义,定义语法规则如下所示:2.在CSS中定义背景在CSS中,定义背景的方法是现在较为流行的一种定义方式,使用background-color属性对背景颜色进行定义。定义语法如下:8.2.3间距、表格填充表格的间距、填充影响着表格的外观形式,下面我们就来详细介绍间距、表格的填充设置,使得表格的外观更清晰明了、大方美观。1.间距(cellspacing)间距是指表格的边框边距,通过cellspacing属性定义。形式如下图8.2中所示,箭头之间的距离就表示间距。2.表格

5、填充(cellpadding)表格填充是指单元格内容与单元格边框之间的距离,通过cellpadding属性进行定义。在

标签中定义,这样可以对整个表格的距离进行控制。定义语法形式如下所示:8.2.4表格行的对齐方式表格里面有许多行,每个行都可以进行独立的设定。通过对行的独立设定,可以对一些特殊的内容进行修饰,从而达到独立的修饰效果。其中,包含水平对齐的设置和垂直对齐的设置,下面我们就来详细介绍。1.水平对齐(align)水平对齐放在行里面,是指行里面的内容都进行水平对齐,通过align属性定义。定义语法规则如下所示:2.垂直对齐(valign)垂

6、直对齐放在行里面,是指行里面的内容都进行垂直对齐,通过valign属性进行定义。定义语法规则如下所示:3.在CSS中定义表格文本对齐在CSS中,表格文本的对齐方式通常使用text-align和vertical-valign属性定义。定义水平对齐方式语法格式如下所示:定义垂直对齐方式语法格式如下所示:8.3边框边框是表格中很重要的一个部分,它可以排版网站,也可以美化网站。边框的使用也是非常广泛的,本节我们就来详细讲解边框的各种用法。8.3.1边框宽度(border)边框宽度是指给表格的边框设置一个宽度,用来隔开表格和内容。通过border属性进行定义,放在

7、able>标签中,定义语法形式如下所示:8.3.2边框颜色(bordercolor)边框颜色是上一节设置边框时所产生的宽度的颜色。通过bordecolor属性的设置,可以使表格的边框多元化。bordercolor属性写在

标签中,要在border属性存在的情况下才可以产生效果,写在border属性后面。定义语法形式如下所示:8.3.2边框颜色(bordercolor)1.亮边框颜色(bordercolorlight)亮边框是指左边框和上边框。亮边框颜色是指左边框和上边框的颜色,通过bordercolorlight属性进行定义,而下边框和右边框仍是

8、系统默认颜色。定义语法形式如下所示:8.3.2边框颜

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

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

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