返回
第4章 用HTML布局网页.ppt

第4章 用HTML布局网页.ppt

ID：59017656

大小：187.50 KB

页数：49页

时间：2020-09-26

第4章 用HTML布局网页.ppt_第1页
第4章 用HTML布局网页.ppt_第2页
第4章 用HTML布局网页.ppt_第3页
第4章 用HTML布局网页.ppt_第4页
第4章 用HTML布局网页.ppt_第5页
资源描述：

《第4章 用HTML布局网页.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章用HTML布局网页本章主要内容：创建表格表格属性设置使用表格布局网页创建框架框架控制使用框架布局网页4.1创建表格表格在网站应用中非常广泛，几乎所有的HTML页面中都或多或少地采用表格，表格可以方便灵活地实现对网页的排版，可以把相互关联的信息元素集中定位，使浏览页面的人一目了然，赏心悦目。所以说要制作好网页，就要学好表格，熟练掌握和运用表格的各种属性。4.1.1表格标记表格由

标记来定义。每个表格均有若干行（由标记定义），每个表格可以定义第一行的单元格为表头（由语法解释：标记定义表格的表头，用于组合HTML表格的表头内容。（2）标记定义表格的页脚（脚注或表注），用于组合HTML表格中的表注内容。（3）标记表格主体（正文），用于组合HTML表格的主体内容。（4）如果使用、以及标记划分表格，就必须使用全部的元素。它们的出现次序是：、、，这样

5、浏览器就可以在收到所有数据前呈现页脚了，必须在

标记定义），其余每行被分

2、割为若干单元格（由

标记定义）。字母td指表格数据（tabledata），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。4.1.1表格标记
head1head2
row1,cell1row1,cell2
row2,cell1row2,cell2
例子4.1.2表格标题表格标题，就是对表格内容的简

3、单说明，用

标记来定义。基本语法：表格标题标记在表格标记范围内，表格标题一般显示在表格上方，是对表格内容的简略说明。例子4.1.3划分表格结构创建表格时，如果希望拥有一个表头行，一些带有数据的行，以及位于底部的一个总计行。thead元素用于对HTML表格中的表头内容进行分组，tfoot元素用于对HTML表格中的总计行（页脚）内容进行分组，tbody元素用于对HTML表格中的数据主体内容进行分组。基本语法：

4、head>

例子4.1.3划分表格结构语法解释：（1）
标记范围内部使用这些标签。4.2表格属性设置本节介绍表格、行和单元格标记中常用属性的设置，控制表格的显示效果。4.2.1
标记属性通过
标记属性值可以控制表格的显示效果，表格标记常用的属性及其含义如表所示。属性描述align规定表格相对周围元素的水平对齐方式。bgcolor规定表格的背景颜色。border规定表格边框的宽度。cellpadding规定单元边沿与其内容之间的空白。cellspacing规定单元格之间的空白。frame规定外

6、侧边框的哪个部分是可见的。rules规定内侧边框的哪个部分是可见的。summary规定表格的摘要。width规定表格的宽度。4.2.1

标记属性1．设置表格水平对齐属性在水平方向上，可以设置表格的对齐方式为：居左、居中、居右。如果没特别进行设置，则默认为居左排列。基本语法：语法解释：属性可选的值有left、center和right，代表表格出现在窗口的左侧、中间和右侧位置。例子4.2.1
标记属性2．设置表格背景色属性表格背景默认为白色，根据网页设计要求，设置bgc

7、olor属性，可以设定表格背景颜色，以增加视觉效果。基本语法：语法解释：bgcolor属性规定表格的背景颜色。颜色描述方式为rgb(x,x,x)、#xxxxxx或colorname。例如，如果设置表格背景色为红色，可以使用的值为rgb(255,0,0)或#FF0000或red。设置形式如下。4.2.1

标记属性3．设置表格边框宽度属性默认情况下表格边框为0，可以通过给表格添加border属性及属性值，实现为表格设置边

8、框线宽度的目的。基本语法：语法解释：border的值为像素数，数字越大边框越宽。例如，设置表格的边框宽度为5个像素，设置形式如下。4.2.1

标记属性4．设置单元格间距和单元格边距属性通过cellspacing属性可以调整表格的单元格和单元格之间的间距，

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

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

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