HTML+CSS+DIV网页设计与布局(第2版)(微课版)
上QQ阅读APP看书,第一时间看更新

1.4 HTML基本标记

学习HTML的标记要从最基本的标记开始。HTML文件包含的基本标记主要包括文件类型标记(也称为HTML标记)、HTML头标记、页面标题以及HTML主体标记。

1.4.1 文件类型标记

文件类型标记<HTML>是双标记,用来标识该文件是HTML类型的文件,位于HTML文件代码的最外层,也就是说,这一对标记必须放置在代码的开头和结尾,其语法如下。

01 <HTML>
02 </HTML>

HTML标记是最基本的标记,它标识这段代码是用HTML描述的。

1.4.2 HTML头标记

HTML头标记是以<HEAD>为开始标记,以</HEAD>为结束标记的双标记。它用于包含当前文件的相关信息,一般包括标题、基底信息、元信息等。一般情况下,CSS样式也定义在头元素中。

通常文件头标记之间的内容被称为HTML的头部。定义在HTML头部的内容一般不会在网页上直接显示,而是通过另外的方式起作用。例如,定义在HTML头部的标题不会显示在页面中,但是会在页面的标题栏中出现。

文件的头部通常包含表1.1所示的部分或全部标记。当然,这些标记也可以省略。

表1.1 HTML头部包含的标记

表1-1的这些标记中,<TITLE>标记是最常用的,一般的页面都会设置。这些标记在后面的章节都将逐一讲解,这里不再赘述。

1.4.3 HTML主体标记

HTML主体标记是以<BODY>为开始标记、以</BODY>为结束标记的双标记。它用于包含当前文件的页面内容。也就是说,在该标记之间的内容是页面中真正要显示的内容,包括文字、图片、表格等。

在<BODY>标记中可以包含多种属性,用于设置页面的背景、字体等属性。这些属性在后面的章节会详细介绍,这里不多说明。

1.4.4 页面标题

页面标题标记是一个特殊的标记,它设置的内容并不显示在页面中,而是显示在浏览器的标题栏中,用来说明文件的用途。因此,在设置该标记时,要使其能够体现整个页面的主题。一般情况下,每个HTML页面都应该有标题。

在HTML文件中,标题信息设置在页面的头部,也就是位于<HEAD>与</HEAD>标记之间。标题标记以<TITLE>开始,以</TITLE>结束,是一个双标记,成对出现,其语法如下。

<TITLE>标题内容</TITLE>

在HTML文件中,页面的标题只能有一个,用于帮助浏览者更好地识别页面。下面通过代码1.2.html显示页面标题的效果。

01 <HTML> 
02   <HEAD> 
03   <TITLE>HTML 基本标记</TITLE> 
04   </HEAD> 
05   <BODY> 
06   </BODY> 
07 </HTML> 

其中,第3行位于<TITLE></TITLE>标记之间的内容就是页面的标题,即本页面的标题就是“HTML基本标记”。将这段代码保存后,在IE浏览器中打开,其运行效果如图1.7所示。

图1.7 设置页面标题

可以看出,设置在文件头部的标题没有出现在页面中,而是出现在了浏览器的标题栏中。