《认识html语言》由会员分享，可在线阅读，更多相关《认识html语言（5页珍藏版）》请在金锄头文库上搜索。
1、第一节 认识html结构 教学目的与要求: 1、掌握html语言的基本应用。 2、掌握html语言中基本信息的设置方法 教学重点与难点: 1、 html语言的基本语法2、在frontpage的html编辑环境中教学方法:演示法,任务驱动法教学建议：建议教师结合frontpage中的html环境进行html语言的教学，以便于学生能方便的预览。教学过程:引入：我们在高一年级的必修课程学习中，已经学过在frontpage中如何建立站点，创建网页和对网页进行基本的编辑。新课讲授： 一、复习必修部分内容 frontpage窗口、启动和界面。二、html语言基础 1、html基本结构我们下面来看一段htm
2、l代码：例题1： 一个简单的HTML示例 欢迎光临我的主页 这是我第一次做主页，无论怎么样，我都会努力做好！ 文件头 文件体 【教师活动】：将代码复制到文本空白文本文件中，然后再复制到frontpage的html编辑环境下（两次复制主要是去除代码复制过程中保留的word的文档格式），保存运行。注意：我们可以总结出一个html的基本结构如下; 头 部 信 息 文 档 主 体， 正 文 部 分 其中在最外层， 表示这对标记间的内容是HTML文 档。我们还会看到一些省略标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。 之间包括文档的头部信息，如文档总标题等，若不需头部信息则
3、可省略此标记。 标记一般不省略， 表示正文内容的开始。 2、html基本信息标记 通过上面的一段代码我们可以得出html语言具有以下几个基本信息标记HTML标记： 头部信息： 主体标记： 同时我们还可以使用下面的常用属性对网页进行详细的设置：常用属性：设置背景图像 background=“ url ” ，设置文本颜色 text“rrggbb”，设置没有访问过的超链接文字颜色 link“rrggbb”，设置已经访问过的超链接文字颜色 vlink“rrggbb”，设置访问中的超链接文字颜色 alink“rrggbb”，设置背景色 bgcolor=“rrggbb”，设置左边距 leftmargin=
4、n，设置上边距 topmarginn设置背景图片固定 bgpropertiesfixed注意：rrggbb使用十六进制数表示，其中rr取值为00ff，代表红色，其中gg取值为00ff，代表绿色，其中bb取值为00ff，代表蓝色，颜色也可以利用颜色的英文单词来替代，比如红色可用ff0000或者是red来代替。例题2：设置例题1的网页背景色为#006622，字体颜色为#00AADD，左边距和上边距都为50象素。具体的代码如下： 一个简单的HTML示例 欢迎光临我的主页 这是我第一次做主页，无论怎么样，我都会努力做好！ 3、html中的文本设置（教学建议：1、先由学生预习、自学此部分内容，下节课教师
5、详细讲解； 2、学生任务中涉及到的知识点由学生根据预习情况选做） html当中的文字设置，具体的有以下几个具体的参数：1、标题级别： （n的可选值为1，2，3，4，5，6，7） 必须成对出现， 表示最大号标题， 表示最小号标题。【使用范例】： 我的第一个主页 表示标题“我的第一个主页” 设置为1级2、对齐方式：align对齐方式，三种对齐方式：left,right,center【使用范例】： 我的第一个主页 表示标题“我的第一个主页” 设置为1级且居中3、字体设置：主要属性：设置文字大小 size=”n”,设置文字颜色 color=”#rrggbb”,设置文字字体 face=“字体”【使用范例】： 我的第一个主页 表示文字“我的第一个主页”设置字号大小为5，字体为隶书，颜色为红色 其他标记：文字加粗 ，文字加上下划线 ，将文字变为斜体 【使用范例】： 我的第一个主页 表示文字“我的第一个主页”设置为加粗，斜体和加下划线4、强制换行标记： 相当于“回车键”
