资源描述:
《使用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标签来完成,它们分别是“
”标签、“”标签和“”标签。建立一个最基本的表格,必须包含一组“”标签、一组“ |
”和“
”标签以及一组“”和“ | ”标签,这也是最简单的单元格表格。“”标签的作用是定义一个表格,“”和“
”标签的作用是定义一行,而“”和“ | ”标签的作用是定义一个单元格。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 |