[工学]web3网站制作.ppt

学习要点： 1.了解HTML文档的基本结构。 2.掌握HTML文档的各种常用标记。 3.熟练使用各种HTML控件标记以及帧标记、浮动帧标记。 HTML基础与层叠样式单CSS 学习Web开发技术，必须首先熟悉HTML的常用标记，熟悉其含义和作用。另外每一个HTML标记或者称为HTML元素（有时也称HTML标签）都可看成一个在浏览器中显示的对象。层叠样式单CSS的作用就是为网页上的HTML元素精确地定位，控制HTML元素的外观显示，可以把网页上的显示内容和显示外观相分离。 第3章 HTML基础与层叠样式单CSS 3.1 HTML基础 3.1 HTML基础 3.1.1 HTML文件基本结构 3.1.2 文本和格式标记 3.1.3 超链接标记和表格标记 3.1.4 图像、视频与动画、声音处理标记 3.1.5 控件标记 3.1.6 帧标记和IFRAME 标记 3.1 HTML基础 什么是HTML语言 HTML语言是超文本标记语言（Hyperlink Text Markup Language）的缩写。它是World Wide Web的描述语言，是一种描述文档结构的语言，而不能描述实际的表现形式。用HTML语言写的页面是普通的文本文档（ASCII），不含任何与平台和程序相关的信息，它们可以被任何文本编辑器读取。用HTML语言编写的网页文件，也称HTML页面文件，或称HTML文档，是由 HTML标记组成的描述性文本。HTML标记可以说明文字、 图形、动画、声音、表格、链接等。 3.1.1 HTML文件基本结构 HTML文件的结构包括头部(Head)、主体 (Body)两大部分,头部描述浏览器所需的信息，主体包含所要说明的具体内容。HTML文件通常使用“标记名”和“/标记名”来表示标记的开始和结束，因此在HTML文件中标记一般是配对使用的。不配对使用的标记占少数。 一个HTML页面文件的最基本结构为： 表3-1 HTML文档基本结构 HTML页面HEAD元素中META标签介绍 meta标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的HEAD标记和TITLE标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据定义的时间间隔刷新本页面的显示等。下面介绍一些实用的meta标签。meta标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 1．HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有： (1) Content-Type和Content-Language (显示字符集的设定) 设定页面使用的字符集，用以说明页面制作所使用的文字以及语言，浏览器会根据此来调用相应的字符集显示page内容。例如： 　 注意：该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码。当浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。不同的语言对应不同的charset，比如日文的字符集是“iso-2022-jp ”，韩文的是“ks_c_5601”。目前Charset一般取为UTF-8(Unicode Transformation Format-8),它是一种通用字符集。 (2) Refresh (刷新) 让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其他网页。 例如： 禁止浏览器从本地机的缓存中调阅页面内容。例如： (6) Content-Script-Type(设置默认脚本语言) 通过Content属性为整个页面设置默认脚本语言。例如设为 javascript语言： 2．Name属性 使用name属性的一般格式是：Meta name=“…” Content=“…”name属性用于指定网页参数类型，常用的有keywords、description等。Content用于