HTML表与表单
知识回顾 HTML文档结构 常用的HTML标签 链接 图片 换行 分段 字体 …… 内容摘要 在 HTML 文档中进行排版布局 列表 表格 框架 使用表单及其中的对象 列表简介 列表用于按逻辑方式对数据分组 列表类型:无序列表 列表类型:有序列表 表格 创建表格 格式化表格 表格 创建表格 表格的标题 表格的对齐方式 合并单元格(跨列) 合并单元格(跨行) 表格的背景色和尺寸设置 框架 使用iframe框架 表单输入元素-1 HTML输入元素-5 课堂重点 使用表格进行页面排版布局 表格相关的标签和属性 表单中的各种元素 演示: TG4-Source文件夹中“无序列表“用例 演示: TG4-Source文件夹中“有序列表“用例,并演示改变type类型的效果。 演示制作上图中的表格:(参见TG2-Source文件夹中表格例子) 1)插入表格(告诉学员几行几列) 2)在单元格中键入文字 3)单元格内容的对齐 4)合并单元格(顺便告诉学员什么是跨行,跨列,为后续
表示。 3.为了代码的可读性,象C语言写代码一样,为了显示层次关系, 建议学员写HTML代码时保持一定的缩进,如幻灯片的示例代码所示。 4.演示:TG5-Source文件夹中的“简单表格”用例。 讲解要点: 1)表格一般都需要标题,说明表格的内容主题。表格的标题由标签 |
或 | 颜色值可以采用 RGB(red/green/blue)红绿蓝十六进制值表示,如红色#FF0000, 或者是一些预定义色彩名称:red ,blue,yellow等。 2)表格的尺寸设置: |
---|