【荐】02 HTML的语法基础【荐】.pdf

第2章 HTML的语法基础 本章主要讲解，关于 HTML 的基础知识。内容包括HTML 页面结构、元素的书写格式和属性、HTML 代码规范、选择文档类型、定义名字空间等几个内容。学习本章应掌握的知识要点。、重点掌握 HTML 页面结构、HTML 代码规范和文档类型选择的相关知识。 重点掌握 HTML 页面结构、HTML 代码规范和文档类型选择的相关知识。 养成良好的程序书写习惯。 名字空间的含义。 2.1 HTML 页面结构 首先看一个最简单的 HTML 页面实例。其代码如下所示。 例程 2-1 xhtml- example.html 01 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 02 /TR/xhtml1/DTD/xhtml1-transitional.dtd 03 html xmlns=/1999/xhtml 04 head 05 title HTML 页面结构/title 06 /head 07 body 这里是页面的主体 08 /body 09 /html 在这段代码中，包含了一个 HTML 页面必需的页面结构部分。其具体结构如下所示。 首先是文档类型声明部分，由!DOCTYPE元素定义。其对应的页面代码如下所示。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html元素是 XHTML 文档中必需使用的元素，所有的文档内容（包括文档头部内容和文档主体内 容）都要包含在html元素之中。html元素的语法结构如下所示。 html……/html 说明：html和结束标签/html一起，构成一个完整的html元素。其包含的内容要写在起始和结 束标签之间。 名字空间是html元素的一个属性，写在html元素起始标签里面。其在页面中的相应代码如下所 示。 html xmlns=/1999/xhtml 名字空间属性用因 xmlns 来表示，用来定义识别页面标签的网址（关于名字空间的详细内容，请参 看 2.4 ）。 网页头部元素head ，也是XHTML 文档中必需使用的元素。其作用是定义页面头部的信息，其中 第 2 章 XHTML 基础 ·9 · 可以包含标题元素、meta元素等。head元素的语法结构如下所示。 head……/head 说明：head元素所包含的内容，不会显示在浏览器的窗口中。但是部分内容会显示在浏览器的其 它位置（关于页面头部所使用的元素，请参看第3 章）。 页面标题元素title用来定义页面的标题。其语法结构如下所示。 title ……/title 说明：页面标题中包含的文本，在页面发布时，会显示在浏览器的标题栏中（关于页面标题的详细 内容，请参看第三章）。 页面主体元素body用来定义页面所要显示的内容。页面的信息主要通过页面主体来传递。在 body元素中，可以包含所有页面元素。body元素的语法结构如下所示。 body……/body 说明：在制作页面的时候，经常要在body元素中定义相关属性，用来控制页面的显示效果。 定义了以上几个元素后，便构成了一个完整的 HTML 页面。而且以上所有元素，都是 HTML 页面 所必须具有的基本元素。此时页面在 IE 浏览器中的显示效果，如图 2-1 所示。 图2-1 简单的 XHTML 页面的显示效果 注意：在本书中，如没有特意说明，代码运行后的显示效果，均为在 IE 浏览器中的显示效果（版 本为6.0 ）。 一个完整的 HTML 页面，必须包含以上几个元素。关于页面结构中