HTML+CSS网站开发兵书
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.1 HTML简介

HTML所代表的含义是超文本标记语言,它是全球广域网上描述网页内容和外观的标准。HTML包含了一对打开和关闭的标记,其中有属性和值。标记描述了每个在网页上的组件,如文本段落、表格、或图像等,下面我们来看一下HTML的基本结构。

2.1.1 HTML的基本结构

HTML文件包括文件头(head)和文件体(body)两部分。在文件头里,主要是对这个HTML文件进行一些必要的定义,可以省略不写。文件体中的内容才是真正要显示的各种文件信息。

一个HTML文件中包含各种HTML元素,如图片、段落、表格等。这些HTML元素在页面中需要使用标记来分隔,因此也可以说HTML文件就是由各种HTML元素和标记组成的。

一般情况下,HTML文件的结构如下。

      <html>                      HTML文件的开始标记,表示这是一个HTML文件
        <head>                     文件头的开始标记,这对标记之间的是头部信息
        头部信息                       文件头的内容,也叫做文件的头部信息
        </head>                    文件头的结束标记
        <title>标题名称</title>    文档的标题
        <body>                     文件的主体部分,是文件真正要显示的文件信息
        </body>                    文件体结束标记
      </html>                     HTML文件的结束标记

由这段HTML结构代码可以看出,<html>标记在最外层,在这对标记之内的就是HTML文件的全部内容。

提示:有些页面中会省略<html>标记,这是因为HTML或HTM文件被Web浏览器默认为是HTML文件。另外,当HTML文件中不需要头部信息的时候,可以省略文件头标记。而<body>标记一般情况不省略,它表示正文内容的开始。

2.1.2 HTML的基本元素

在2.1.1节中,HTML文件结构中出现了四个HTML元素,分别为html、head、title和body。一个完整的HTML文件应该要包含这四个基本元素,下面分别介绍这四个基本元素的含义和用法。

1.html元素

html元素用于声明该文档是一个HTML文档。从理论上来说,任何一个HTML文档的第一行都应该是<html>标签,标志着HTML文档开始;最后一行应该是</html>结束标签,标志着HTML文档结束。

提示:为什么说是“理论上”的呢,因为现在的浏览器的纠错功能实在是太强了,就算HTML文档里没有HTML元素,它们一样可以把扩展名为htm或html的文件当作HTML文档来读取并显示。尽管如此,还是建议读者都使用html元素,让自己写出来的文档规范化,是百利而无一弊的事情。

html元素都包含两个部分,一部分是标头部分,用于描述HTML文档,不在浏览器中直接显示;另一部分是正文部分,该部分的内容除标签与注释之外,都会在浏览器中直接显示出来。

标头部分是用“<head></head>”标签标识的部分,正文部分是用“<body></body>”标签标识的部分。下面将分别介绍这两个HTML元素。

2.head元素

head元素用于标记HTML文档的标头部分,标头部分可以包含文档的标题、作者、参考信息等内容,但一般来说,多数HTML文件只在标头部分包含了标题信息。

在标头部分里除了可以放置标题、作者、参考信息之外,还可以放置如脚本、文档样式都不需要直接在浏览器里输出的所有信息。这些信息在后继的章节里将会详细介绍。

3.title元素

title元素用于标记HTML文档的标题,其标注内容会在浏览器的标题栏里显示出来。虽然在一个HTML文档里,可以省略标题标签,但是这个标题常用来对文档进行索引和参考,因此还是建议每个网页编写者都不要省略该元素,并且标题越细致越好。

“<title></title>”标签应该要放置在“<head></head>”标签之内。

4.body元素

body元素与head元素是并列关系,都应该放在“<html></html>”标签内。“<body></body>”标签不应该放在“<head></head>”标签内,“<head></head>”标签也不应该放在“<body></body>”标签内。body元素包含的是正文部分,当浏览器查看HTML文档时,也只会显示正文部分的内容,后继章节里学到的其他HTML元素也都是放在“<body></body>”标签内的。