2023年中央电大计算机专业网页程序设计HTML第1416节课.doc

HTML（第14节课）一、教学目的1、初步了解含义、掌握基本标志、格式标志、文本标志、图像标志、表格标志、链接标志、帧标志以及表单标志的应用。二、教学重难点1、重点：掌握基本标志、格式标志、文本标志、图像标志、表格标志、链接标志、帧标志以及表单标志的应用2、难点：帧标志以及表单标志的应用三、教学方法：讲解法、练习法、演示法、案例法、尝试法四、课时安排：课时五、教学环节（一） 层的应用（分钟）、层的含义、作用及其优缺陷、层的插入与修改、层的属性设立及其层的实际应用（二）新课导入（分钟）1、 作品展示2、 分析作品中涉及哪些内容（三）讲解新课1、 的简介（分钟）Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文献(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文献格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文献。Html语言使用标志对的方法编写文献，既简朴又方便，它通常使用来表达标志的开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。注意：必须是成对出现的（示范）、基本标志（分钟）创建一个HTML文档设立文档标题和其它在网页中不显示的信息设立文档的主体部分将文档的题目放在浏览器的标题栏中脚本语言设立背景颜色。使用名字或RGB的十六进制值 设立文本颜色。使用名字或RGB的十六进制值设立链接颜色。使用名 字或RGB的十六进制值设立已使用的链接的颜色。使用名字或RGB的十六进制值 设立正在被击中的链接的颜色。使用名字或RGB的十六进制值学生练习、格式标志（分钟）创建一个段落 将段落按左、中、右对齐 插入一个回车换行符从两边缩进文本定义列表放在每个定义术语词前放在每个定义之前创建一个标有数字的列表创建一个标有圆点的列表放在每个列表项之前，若在之间则每个列表项加上一个数字，若在之间则每个列表项加上一个圆点 用来排版大块HTML段落，也用于格式化表学生练习、文本标志（分钟）预先格式化文本最大的标题最小的标题黑体字 斜体字打字机风格的字体引用，通常是斜体强调文本(通常是斜体加黑体)加重文本(通常是斜体加黑体)设立字体大小，从1到7设立字体的颜色，使用名字或RGB的十六进制值学生练习、图象标志（分钟）在HTML文档中嵌入一个图像排列对齐一个图像:左、中、右或上、中、下设立图像的边框的大小加入一条水平线设立水平线的厚度设立水平线的宽度。可以是比例或绝对像素点没有阴影的水平线学生练习、表格标志（分钟）创建一个表格表格中的每一行表格中一行中的每一个格子设立表格头:通常是黑体居中文字设立边框的宽度 设立表格格子之间空间的大小 设立表格格子边框与其内部内容之间空间的大小设立表格的宽度。用绝对像素值或总宽度的比例 设立表格格子的水平对齐方式(左中右)设立表格格子的垂直对齐方式(上中下)设立一个表格格子跨占的列数(缺省值为1) 设立一个表格格子跨占的行数(缺省值为1) 严禁表格格子内的内容自动断行学生练习、链接标志（分钟）创建超文本链接创建自动发送电子邮件的链接创建位于文档内部的书签 创建指向位于文档内部书签的链接学生练习、帧标志（分钟）放在一个帧文档的标签之前,也可以嵌在其他帧文档中定义一个帧内的行数,可以使用绝对像素值或高度的比例定义一个帧内的列数,可以使用绝对像素值或宽度的比例定义一个帧内的单一窗或窗区域 定义在不支持帧的浏览器中显示什么提醒规定帧内显示的HTML文档命名帧或区域以便别的帧可以指向它定义帧左右边沿的空白大小,必须大于等于1 定义帧上下边沿的空白大小,必须大于等于1设立帧是否有滚动栏,其值可以是yes,no 或auto严禁用户调整一个帧的大小学生练习、表单标志（分钟）创建表单创建滚动菜单,size设立在需要滚动前可以看到的表单项数目设立每个表单项的内容创建下拉菜单设立每个菜单项的内容创建一个文本框区域,列的数目设立宽度,行的数目设立高度创建一个复选框,文字在标签后面创建一个单选框,文字在标志后面创建一个单行文本输入区域,size设立以字符串的宽度创建提交(submit)按钮创建一个使用图象的提交(submit)按钮创建重置(reset)按钮学生练习（四）小结（分钟）掌握基本标志、格式标志、文本标志、图像标志、表格标志、链接标志、帧标志以及表单标志的应用