html第三章 表格和层.pptVIP

总结2 输出以下格式的内容 效果演示 表格和层 第三章 * 回顾 如何插入图片在网页中并设置它的宽度、高度和图片边框？ 在什么地方会用到锚记超链接，如何使用？ 有序列表和无序列表分别是什么标签，列表项放在哪个标签里面？ img src=“图片路径” width=“指定宽度” height=“指定高度” border=“指定边框宽度” 在同一个网页中找到指定部分内容是用到锚记超链接。 使用超链接的地方用href=“#目标名称”，在目标位置用 name=“目标名称”来使用 有序列表ol;无序列表ul;列表项放在li里面 * 预习检查 表格是哪个标签？行用哪个标签表示？列用哪个标签表示？ rowspan和colspan属性分别表示什么？ 层是那个标签？ 表格:table;行:tr;列:td; rowspan表示单元格跨行;colspan表示单元格跨列； 层：div * 本章任务 制作个人简历。 用表格制作个人简历。 * 了解表格的作用 掌握表格的创建 掌握表格布局的方法 了解层的作用 本章目标 为什么使用表格 表格应用场合 论坛 门户网站 购物网站 论坛中应用表格 门户网站应用表格 购物网站应用表格 什么是表格 行 列 单元格 在 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=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 如何创建跨行跨列的表格 如何设置对其方式 TABLE width=350 height=100 border=2 background=images/type_back.jpg TR TD colspan=4nbsp;/TD /TR TR bgcolor=#EBEFFF TD colspan=2 align=center 笔记本电脑/TD TD colspan=2 align=center 办公设备、文具、耗材/TD /TR TR bgcolor=#EBEFFF TD 惠普/TD TD 华硕/TD TD 打印机/TD TD 刻录盘/TD /TR /TABLE align属性用来设置表格、行、列的对齐方式 小结1 编写如下图所示效果对应的html代码 第一行第一个格子跨了2行 此格子跨了3列 什么是表格的美化修饰 背景图片 背景色 表格的高度 表格的宽度 文字对 齐方式 根据理解,下面表格应该从哪些方面进行美化修饰？ 如何设置表格的尺寸和边框 TABLE width=“400” h