itsway,专业的IT网络教程站,让您踏上IT之路,具备IT思维。
  设为首页        加入收藏夹        网站历程

教程总目录:HTML教程  CSS教程  JavaScript教程  Java教程(上)  Java教程(下)

1.3 HTML的基本结构

一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象,这些对象统称为HTML元素。在HTML中,使用标记标签(tag)来分割并描述这些元素。因此,HTML文件就是由各种HTML标记和元素组成的。一个HTML文件的基本结构如下:

<HTML>
  <HEAD>
    头部信息
  </HEAD>
  <BODY>
    文档主体部分
  </BODY>
</HTML>

可能读者已经注意到,这和例1除了大小写不一样之外,其余大致相同。在这个结构中引入了三对最重要的HTML标记,分别是:
●<html>和</html>:它是最外层的标记。任何HTML文件都应该以<html>开始,以</html>结束,表示这对标记间的内容是HTML文档。这对标记可以省略,因为.html或.htm文件被Web浏览器默认为是HTML文档,但最好写上。
●<head>和</head>之间是文档的头部信息,如文档标题等。若不需头部信息,则可省略此标记。
●<body>和</body>之间包含文档的正文内容。
  另外一对极常用的标记是<title>和</title>,它们用于定义网页的标题。
  一般来说,HTML标记都是成对出现的,以"<标记名>"开始,以"</标记名>"结束。但也有一些例外,这些我们以后都要学到。
  HTML标记是不区分大小写的,也就是说大写和小写都可以,但为了适应Frontpage等著名网页制作软件,今后一般对HTML标记小写。

在例1的HTML文件中,为了体现出层次感,我们使用了缩进方式,即在某些行前面加了一些英文半角空格或制表符(按键盘上的Tab键)。这些空格或制表符是不必要的,有没有它们都不会影响网页的显示结果。但为了便于阅读,最好使用缩进方式体现出代码的层次。

在HTML文档的头部信息中,有一对很重要的标记,用来设置文档在浏览器中的标题,正如例1所演示的那样。
  当使用成对的HTML标记时,要注意层次嵌套关系。例如在例1中,如果这样写HTML文件是不合适的:

……
<HEAD>
  <TITLE>这是标题
</HEAD>
</TITLE>
……

因为<head>标签和<title>标签相互嵌套了,此时在浏览网页时就会出现问题,如下图所示。

HTML教程

可以看出显示的结果并非我们所希望的。因此,虽然浏览器有一定的容错性,但最好不要让标签互相嵌套。

上一篇:1.2 第一个例子  下一篇:1.4 HTML的发展历史

 有问题吗?请到以下论坛讨论:
csdn技术论坛     无忧脚本Html & XHtml & CSS网页制作讨论版     蓝色理想(blueidea)之Web标准化论坛
 有价值的HTML站点:
英文版HTML简明教程:国际著名Web教学站点w3schools.com的HTML教程,简明易懂,但过于简单。
玩转HTML标记语言:这是天极网的网页淘吧的HTML教程首页。
enet学院视频教程:这是www.enet.com.cn的视频教程主页,内含Dreamweaver、Frontpage、HTML等多个视频教程。
www.w3.org:国际标准化组织W3C(World Wide Web Consortium,万维网联盟)的站点,万源之源,绝对权威。
 最新浏览器下载:
根据您使用的操作系统,下载最新正版Internet Explorer 7 Internet Explorer for Windows XP SP2 简体中文版
全新Netscape Navigator 9.0
裸奔浏览器(GMiniIE),内存占用最少 基于IE内核的腾讯TT浏览器
Opera国际版 傲游浏览器(maxthon) GreenBrowser 世界之窗


版权所有:www.itsway.net
CopyRight(C) 2007 www.itsway.net
苏ICP……
电子邮件:denghongtao@hotmail.com