网页制作教程2.pptVIP

如何使用表格进行布局 TABLE width=298 TR TD colspan=2IMG src=images/adv.jpg //TD /TR TR TD width= 122 rowspan= 6 align= left IMG src=images/wangyou.jpg width=116 height=142 //TD TD width=“285” A href= # 超值变形金钢2.5折!/A /TD /TR TR TDA href=#人们为啥对电视吼叫 /A/TD /TR …… /TABLE 查看源代码 编写如下图所示效果对应的html代码 小结3 跨2行，并放了一副图片 此单元格放了一副图片 此单元格跨了3列 练习答案 总结 创建表格最少需要那三个标签？ 简述表格的基本结构。 跨行跨列的表格，主要在什么情况下使用？ 给你一个表格，你会从哪些方面进行美化？ 课后作业 必做 教员备课时在此添加内容 选做 教员备课时在此添加内容 提交时间：xxx 提交形式：xxx 预习作业 背诵英文单词 教员备课时在此添加内容 作业 * * * * * * * * * * 作业分为课后作业和预习作业两部分。 1. 课后作业又分为必做部分和选择部分，请各位老师根据授课学员实际水平安排相应的作业。 其中： （1）必做部分要求全体学员课后必须完成提交的作业； （2）选择部分是针对学习能力较强的学员在完成了必做部分作业之后，要求完成的作业。 2. 预习作业 理论课预习作业包括了英文单词背诵和下一章节理论课教学内容的预习； 上机课预习作业包括了下一章节上机课教学内容的预习。 表格基础 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 如何创建跨行跨列的表格 查看