教学项目十五HTML中表单网页设计( 【教学内容】 讲解HTM中头部标志和简单表单制作 教学目的】 使学生了解头部标志功能和掌握简单表单网页制作 教学重点】 HTML中表单元素标志与属性 【教学难忘】 HTM中表单元素标志与属性 教学方式】 案例分析式、项目教学 【教学参考 1.< JavaScript入门与提高>杨浩著 清华大学出版社 2.< JavaScript从入门到精通>〉 电脑报社出版 3.TML网页制作教程材义语编著铁道出版社 4.HTML基础与实例程耀编著电子工业出版社
教学项目十五 HTML中表单网页设计(一) 【教学内容】 讲解HTML中头部标志和简单表单制作 【教学目的】 使学生了解头部标志功能和掌握简单表单网页制作 【教学重点】 HTML中表单元素标志与属性 【教学难点】 HTML中表单元素标志与属性 【教学方式】 案例分析式、项目教学 【教学参考】 1．<<JavaScript 入门与提高>> 杨浩著 清华大学出版社 2．<<JavaScript从入门到精通>> 电脑报社出版 3．TML网页制作教程 材义语编著铁道出版社 4．HTML基础与实例 程耀编著电子工业出版社
【新课】 HTML头部标志 在网页对应的HTML代码中,在头部标志<head></head>之 间可以插入部分标志,包含当前文档的有关信息 主要的标志: < title>设定标题 link>设定外部的样式表文件 <sye>设定CSS层叠样式表单 <meta>设定文档本身的信息
【新课】 一、HTML头部标志 在网页对应的HTML代码中，在头部标志<head> </head>之 间可以插入部分标志，包含当前文档的有关信息。 主要的标志： <title> 设定标题 <link>设定外部的样式表文件 <style>设定CSS层叠样式表单 < meta>设定文档本身的信息
Meta标志的功能是定义页面中的信息,提供文档的关键字 作者、描述等多种信息,这此信息不会在浏览器页面中显示。在 <head></head>中可以包括任意数量的<meta>标志 <met>标志的属性: http-equiv:生成一个HTTP标题域; Content:定义的相关描述项对应的取值; Name:相关描述项的名称
Meta标志的功能是定义页面中的信息，提供文档的关键字、 作者、描述等多种信息，这此信息不会在浏览器页面中显示。在 <head> </head>中可以包括任意数量的<meta>标志。 <meta>标志的属性： http-equiv: 生成一个HTTP标题域； Content: 定义的相关描述项对应的取值； Name:相关描述项的名称
例1:在 frontpage中查看网页的头部信息 Microsoft Front Page- D: \Front Page \html sample 文件(E)编辑()查看(Y)插入(I)格式@)工具(T)表格(△)框架(R)窗口(帮助(B 口··日助回舀國曲,-回恒他们② B/ 视图文件夹列表 index. hta 国D: Frontpage chtml> □ eleven 口 +口 fifteen meth=正FOy text/html: charset=gb2312"> 口 fourteen =rm:: +++ 国t 口 thirteen +口第十讲 超链接 a02.htm 03 自08ht 11.g 图2.gif a4.htm 364.gif 自7.htm 自a4.htm 管通入■L预览/1 14,列 K】三传输方式:28.8,时间:0钞 开始。精品课课件 s Microsoft Pow. CH画223:08
例1：在frontpage中查看网页的头部信息
分析: metahttp-equiv=content-type content=text/html; charset=gb2312"> 定义网页中显示的信息对应的字符集为简体中文 <meta name=generator"content="microsoft frontpage 4.0 定义网页默认的编辑工具为 frontpage软件
<meta http-equiv=“content-type” content=“text/html;charset=gb2312”> 定义网页中显示的信息对应的字符集为简体中文; <meta name=“generator” content=“microsoft frontpage 4.0”> 定义网页默认的编辑工具为frontpage 软件. 分析: