使用html建立表格

使用html建立表格

ID:22741252

大小:2.63 MB

页数:131页

时间:2018-10-21

使用html建立表格_第1页
使用html建立表格_第2页
使用html建立表格_第3页
使用html建立表格_第4页
使用html建立表格_第5页
资源描述:

《使用html建立表格》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第6章 表格在Dreamweaver 8中创建和操纵表格6.2布局单元格和表格6.4实践与练习:表格制作与使用6.3使用HTML建立表格6.1使用布局单元格和表格6.5实践与练习:运用“布局”模式制作网页6.6小结使用表格可以清晰地显示列成表的数据,例如图6-1所示的是股票行情的数据列表。实际上表格的作用不只是显示数据,它还在网页定位上起着重要的作用。图6-1使用表格显示数据6.1使用HTML建立表格表格的建立将利用3个最基本的HTML标签来完成,它们分别是“

”标签、“”标签和“”和“”标签以及一组“”标签,这也是最简单的单元格表格。“
”标签。建立一个最基本的表格,必须包含一组“

2、”和“

”标签、一组“
”和“
”和“
”标签的作用是定义一个表格,“”和“”标签的作用是定义一行,而“”和“”标签的作用是定义一个单元格。6.1.1一个最简单的表格观察例6-1所示的代码。【例6-1】最简单的表格示例单元格
单元格1单元格2

3、td>单元格3单元格4单元格5单元格6

图6-2表格6.1.2各种表格样式1.表格边框的设置现在来了解一下“”标签中各属性的用法,首先是设置表格边框的样式,如例6-2所示。【例6-2】表格边框设置示例表格的边框属性

4、dding=30>图6-3表格的边框属性

单元格1单元格2
图6-3表格的边框属性属性名设置值功能Border数字(以像素为单位)设置表格的外边框粗细Cellspacing数字(以像素为单位)设置表格的内边框粗细Cellpadding数字(以像素为单位)设置文字到单元格内边框的距离表6-1控制表格边框的属性及其功能2.表格高宽的控制表格的高度和宽度是通过“height”和“width”两个属性来控制的,如例6-3所示。【例6-3】高度和宽度设置示例

5、l>表格的长宽

课程教室语文东楼1-1
3.表格相关颜色的设置下面介绍表格边框和背景颜色的设置,如例6-4所示。【例6-4】表格边框和背景颜色设置示例表格的颜色设置

6、er>课程教室语文东楼1-1英语西楼1-1图6-4表格的长宽图6-5表格的颜色设置6.2在Dreamweaver8中创建和操纵表格Dreamweaver8对表格的控制非常灵活。属性面板可以分别控制整个表格、表格的一行、表格的一列或一个单元格。属性面板的控制对象

7、由选中的对象决定。当把鼠标指针移到表格的四周时,鼠标指针的形状变为十字形,这时单击鼠标左键,表格四周出现一个框,表示选中整个表格,这时属性面板如图6-6所示。图6-6控制整个表格的属性图6-7控制表格一列的属性6.3实践与练习:表格制作与使用6.3.1练习1:制作“成绩单”表格图6-8“成绩单”基本表格效果图6-9输入表格标题文字图6-10“表格”对话框图6-11设置表格图6-12生成的表格图6-13在单元格内输入数据图6-14设置单元格为“居中对齐”图6-15“成绩单”基本表格效果6.3.2练习2:制作“旅游行程表”立体表格本例着重练习在Dreamweaver

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

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

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