- 1、本文档共25页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML制作表格
本章目标 会使用表格的基本结构实现简单表格 会使用表格相关标签实现跨行、跨列的复杂表格 会使用表格相关设置进行美化修饰 表格的基本语法 如何创建表格 跨多列的表格 跨多行的表格 如何创建跨行跨列的表格 小结1 编写如下图所示效果对应的html代码 如何设置表格的尺寸和边框 如何设置背景 如何设置对其方式 为什么要使用填充属性 单元格里的内容太靠近边线,怎么办? 什么是填充属性和间距属性 如何使用填充、间距属性 如何设置表格的填充属性 小结2 编写如下图所示效果对应的HTML代码 如何使用表格进行布局 如何使用表格进行布局 小结3 编写如下图所示效果对应的html代码 讲解要点: 讲解要点: 讲解要点: 讲解要点: 讲解要点: 讲解要点: 讲解要点: HTML 表格制作 制作人:追梦天马 为什么使用表格 表格应用场合 论坛 门户网站 购物网站 论坛中应用表格 门户网站应用表格 购物网站应用表格 表格的基本结构 行 列 单元格 在 HTML 文档中,广泛使用表格来存放网页上的文本和图像 TABLE border=1 TR TD 单元格内容 /TD …… /TR …… /TABLE TABLE.../ TABLE 定义表格 TD…/TD 定义列 TR…/TR 定义行 border用来设置表格边框尺寸大小 TABLE border=2 TR TD移动/TD TD联通/TD TD铁通/TD /TR TR TDIBM /TD TD惠普/TD TD华硕/TD /TR /TABLE 查看源代码 什么是跨行跨列的表格 跨3列 跨3行 下图中的表格哪里用了跨行?哪里用了跨列? 跨了几行几列? TABLE border=2 TR TD colspan=3学生成绩表/TD /TR TR TD 英语/TD TD 数学/TD TD 语文/TD /TR TR TD95/TD TD98/TD TD89/TD /TR /TABLE COLSPAN=“n” 属性表示跨多少列? 查看源代码 TABLE border=1 TR TD rowspan=“3” 早上菜谱 /TD TD 食物/TD TD 鸡蛋/TD /TR TR TD 饮料/TD TD 牛奶/TD /TR TR TD甜点/TD TD开心粉/TD /TR /TABLE rowspan =“n” 属性表示跨多少行? 查看源代码 TABLE border=1 TR TD手机充值、IP卡 /TD TD colspan=2办公设备、文具/TD /TR TR TD rowspan=2各种卡的总汇/TD TD铅笔/TD TD彩笔/TD /TR TR TD打印/TD TD刻录/TD /TR /TABLE 查看源代码 第一行第一个格子跨了2行 此格子跨了3列 练习答案 练习代码 什么是表格的美化修饰 背景图片 背景色 表格的高度 表格的宽度 文字对 齐方式 根据理解,下面表格应该从哪些方面进行美化修饰? TABLE width=“400” height=“200” border=“15” bordercolor=red TR TD colspan=4 品牌商城/TD /TR TR TD colspan=2 笔记本电脑/TD TD colspan=2 办公设备、文具、耗材/TD /TR TR TD 惠普/TD TD 华硕/TD TD 打印机/TD TD 刻录盘/TD /TR /TABLE width用来设置表格的宽度 height用来设置表格的高度 border用来设置表格边框尺寸大小 bordercolor用来设置表格边框颜色 查看源代码 TABLE background=“images/type_back.jpg” width=“360 height=120 border=2 TR TD colspan=6nbsp;/TD /TR TR bgcolor=#EBEFFF TD colspan=3 笔记本电脑/TD TD colspan=“3” bgcolor=yellow 办公设备、文具、耗材/TD /TR …… /TABLE background属性用来设置表格的背景图片 bgcol
您可能关注的文档
最近下载
- 【社会层面】社会主义核心价值观.ppt VIP
- 回话有招高情商回话术书本.doc VIP
- 【社会层面】社会主义核心价值观精品课件.ppt VIP
- 沪教8AUnit6Ancientstories more practice-The story of 100,000 arrows 公开课优质课教案教学设计.doc
- 小学《科学》新教材培训研讨会:技术与工程领域总体介绍.pptx
- 2024年中考英语复习 并列复合句 讲义学案(解析版).pdf VIP
- 血常规结果解释ppt课件.pptx VIP
- 第16课 课件 2022-2023学年高中新经典日本语基础教程第二册.pptx VIP
- 软件工程专业生涯发展展示.pptx
- 成人脑室外引流护理——中华护理学会团体标准解读.pptx
文档评论(0)