第二章头部和主体标签



《第二章头部和主体标签》由会员分享,可在线阅读,更多相关《第二章头部和主体标签(47页珍藏版)》请在文档大全上搜索。
1、本章内容本章内容2.1 HTML2.1 HTML标签与元素标签与元素2.2 HTML2.2 HTML头部内容头部内容2.3 HTML2.3 HTML主体内容主体内容2.4 2.4 颜色的设置颜色的设置2.1 HTML2.1 HTML标签与元素标签与元素HTML 文档是由文档是由 HTML 元素构成的文本文件元素构成的文本文件。HTML 元素是通过使用元素是通过使用 HTML 标签进行定义的标签进行定义的。HTML 标签是用来标记标签是用来标记 HTML 元素的。元素的。 HTML 标签被标签被 符号包围。符号包围。 这些包围的符号叫作尖括号。这些包围的符号叫作尖括号。 HTML 标签通常是成对
2、出现的。例如标签通常是成对出现的。例如 和和 。 位于起始标签和终止标签之间的文本是元素的内容。位于起始标签和终止标签之间的文本是元素的内容。 HTML 标签标签对大小写不敏感对大小写不敏感, 和和 的作用的相同的的作用的相同的 未来未来WEB标准要求标准要求HTML标签代码统一采用小写标签代码统一采用小写标签标签元素元素 头部头部(Head)主体主体(Body)描述浏览器所描述浏览器所需的信息需的信息包含所要说明的具包含所要说明的具体内容体内容 2.2 HTML2.2 HTML头部内容头部内容2.2.1 HTML2.2.1 HTML头部标签头部标签2.2.2 2.2.2 定义和用法定义和用法
3、2.2.3 2.2.3 定义和用法定义和用法2.2.4 2.2.4 定义和用法定义和用法2.2.1 HTML2.2.1 HTML头部标签头部标签标签标签含义基底网址标签基底网址标签基准文字标签基准文字标签标题标签标题标签元信息标签元信息标签样式标签样式标签外部链接标签外部链接标签脚本标签脚本标签2.2.2 2.2.2 定义和用法定义和用法定义和用法定义和用法 标签为标签为页面上的所有链接规定默认地址或默认目标页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填中提取相应的元素来填写相对写相对 URL 中的空白。中
4、的空白。使用使用 标签可以改变这一点。浏览器随后将不再使用当前文标签可以改变这一点。浏览器随后将不再使用当前文档的档的 URL,而使用指定的基本,而使用指定的基本 URL 来解析所有的相对来解析所有的相对 URL。这。这其中包括其中包括 、 标签中的标签中的 URL。基本语法基本语法基本语法:基本语法: 语法解析:语法解析: href属性指定文档的基础属性指定文档的基础URL地址,该属性在地址,该属性在标签中是标签中是必须存必须存在在的;的;Target属性定义打开页面的窗口,取值如表所示:属性定义打开页面的窗口,取值如表所示:属性值描述_parent将网页加载到包含该链接的框架的父框架或窗口
5、中将网页加载到包含该链接的框架的父框架或窗口中_blank将网页加载到一个新的未命名的浏览器窗口中将网页加载到一个新的未命名的浏览器窗口中_self将网页加载到与链接相同的框架或窗口中将网页加载到与链接相同的框架或窗口中_top将网页加载到整个浏览器窗口中,并删除所有框架将网页加载到整个浏览器窗口中,并删除所有框架实例(实例(基底网址基底网址.htm.htm)2.2.3 2.2.3 定义和用法定义和用法定义和用法定义和用法 标签可以设定基准的文字字体、字号和颜色。标签可以设定基准的文字字体、字号和颜色。一旦遇到页面中其他相关标签一旦遇到页面中其他相关标签未定义未定义文字或段落的样式时,将套用文
6、字或段落的样式时,将套用基准的文字样式。基准的文字样式。只有只有 Internet Explorer 支持支持 标签。应该避免使用该标签。应该避免使用该标签。标签。在在 HTML 4.01 中,不赞成使用中,不赞成使用 basefont 元素;在元素;在 XHTML 1.0 Strict DTD 中,不支持中,不支持 basefont 元素元素。基本语法基本语法基本语法:基本语法: 语法解析:语法解析: face定义了字体,多种字体间用定义了字体,多种字体间用, 分开;分开;size定义了字定义了字号,号,value取值范围为取值范围为17或或-1-7或或+1+7;color定义了颜定义了颜色
7、,色,value值为英文名称或十六进制代码。值为英文名称或十六进制代码。实例(实例(基准文字基准文字.htm.htm)2.2.4 2.2.4 定义和用法定义和用法定义和用法定义和用法 元素可提供有关页面的元信息(元素可提供有关页面的元信息(meta-information),比),比如针对搜索引擎和更新频度的如针对搜索引擎和更新频度的描述和关键词描述和关键词。 标签位于文档的头部,不包含任何内容。标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的标签的属性定义了与文档相关联的名称名称/值对值对 。基本语法基本语法基本语法:基本语法: 语法解析:语法解析: meta标签分为两大
8、部分:标签分为两大部分:HTTP标题信息(标题信息( http-equiv )和页面描述信息()和页面描述信息( name )。)。http-equiv http-equiv 属性属性http-equiv 类似于类似于HTTP的头部协议,他回应给浏览器一些有用的信的头部协议,他回应给浏览器一些有用的信息,以帮助正确和精确的显示网页内容。息,以帮助正确和精确的显示网页内容。使用带有使用带有 http-equiv 属性的属性的 标签时,服务器将把标签时,服务器将把名称名称/值对值对添加到发送给浏览器的内容头部。添加到发送给浏览器的内容头部。 常见类型有常见类型有content-type(文档类型)
9、、(文档类型)、 refresh (刷新)(刷新)expires(日期时间)(日期时间) 、 event(事件)(事件) 等。等。类型一:类型一:content-typecontent-type当服务器向浏览器发送文档时,会先发送许多名称当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服值对。虽然有些服务器会发送许多这种名称务器会发送许多这种名称/值对,值对,但是所有服务器都至少要发送一个:但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个。这将告诉浏览器准备接受一个 HTML 文档。文档。常用编码类型:常用编码类型: GB23
10、12 - 简体中文简体中文 utf-8 - 简体中文简体中文 HZ - 简体中文(简体中文(新加坡新加坡) BIG5 - 繁体中文(繁体中文(台湾台湾) ISO-8859-1 - 英文英文类型二:类型二:refreshrefresh每隔几秒钟后刷新页面内容,不仅能够完成页面自身的自动刷新,也每隔几秒钟后刷新页面内容,不仅能够完成页面自身的自动刷新,也可以实现页面之间的跳转过程。可以实现页面之间的跳转过程。解析:解析:5为跳转间隔的时间,为跳转间隔的时间,单位为秒单位为秒;url取值为跳转后打开的文件取值为跳转后打开的文件地址,可省略,地址,可省略,默认为当前文档地址默认为当前文档地址。类型三:
11、类型三:cache-controlcache-control禁止客户端浏览器缓存网页内容。禁止客户端浏览器缓存网页内容。解析:解析: cache-control为缓存控制,为缓存控制, content中定义了禁止缓存功中定义了禁止缓存功能。能。类型四:类型四:expiresexpires设定网页在客户端浏览器缓存的有效期限。设定网页在客户端浏览器缓存的有效期限。解析:解析: expires为缓存期限,为缓存期限, content中定义了到期时间,其内为标中定义了到期时间,其内为标准格式,都使用英文和数字进行设定,如:准格式,都使用英文和数字进行设定,如: fri, 31 dec 2010 11