HTML表格
讲解要点: 讲解要点: 讲解要点: 讲解要点: 讲解要点: 第2章 表格 本章内容 1 表格基本的结构 2 表格相关标签实现跨行、跨列 3 表格相关设置进行美化修饰 2.1 表格基本的结构 讲解时间: 40分钟 实践时间: 30分钟 理论 实践 . 为什么使用表格 . 表格的基本结构 . 表格基本语法 . 创建一个表格 2.1.1为什么使用表格 表格应用场合 论坛 门户网站 购物网站 论坛中应用表格 门户网站应用表格 购物网站应用表格 2.2.2表格的基本结构 行 列 单元格 在 HTML 文档中,广泛使用表格来存放网页上的文本和图像 2.2.3表格的基本语法
Th表头 1.1.5 实践练习 编写以下表格 实践时间: 30分钟 2.2 表格相关标签实现跨行、跨列 讲解时间: 30分钟 实践时间: 30分钟 理论 实践 . 什么是跨行、跨列 . 跨多列 . 跨多行 . 完成跨行跨列表格 2.2.1什么是跨行跨列的表格 跨3列 跨3行 下图中的表格哪里用了跨行?哪里用了跨列? 跨了几行几列? 2.2.2跨多列的表格
COLSPAN=“n” 属性表示跨多少列? 2.2.3跨多行的表格
rowspan =“n” 属性表示跨多少行?
手机充值、IP卡 | 办公设备、文具 |
各种卡的总汇 | 铅笔 | 彩笔 |
打印 | 刻录 |
2.2.4如何创建跨行跨列的表格 2.2 实践练习 完成以下所示跨行、跨列表格 实践时间: 20分钟 2.3 表格相关设置进行美化修饰 讲解时间: 40分钟 实践时间: 40分钟 理论 实践 . 什么是表格美化 . 什么是填充属性、间距属性 . 完成表格美化设置 . 使用表格展示商品 2.3.1什么是表格的美化修饰 背景图片 背景色 表格的高度 表格的宽度 文字对 齐方式 根据理解,下面表格应该从哪些方面进行美化修饰? 2.3.2如何设置表格的尺寸和边框
品牌商城 |
笔记本电脑 | 办公设备、文具、耗材 |
惠普 | 华硕 | 打印机 | 刻录盘 |