使用前端技术展现Web系统(蓝桥杯软件大赛培训教材-Java方向)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.2 HTML基本结构

HTML文档的基本结构如图1.3所示。

图1.3 HTML文档组成部分

从图1.3可以看出,HTML文档分为以下三个基本组成部分。

● <html>…</html>:告诉浏览器HTML文档的开始和结束,其中包含头部标签(<head>)和主体标签(<body>)。HTML文档中所有的内容都应该在这两个标签之间,一个HTML文档总是以<html>开始</html>结束。

● <head>…</head>:HTML文档的头部标签.其中可以放置页面的标题以及文件信息等内容。通常将这两个标签之间的内容统称为HTML头部。一般来说,位于头部的内容都不会在网页上直接显示,而是通过另外的方式起作用。例如,标题是在HTML的头部定义的,它不会显示在网页上,但是会出现在浏览器的标题栏上。

● <body>…</body>:HTML文档的主体标签,绝大多数HTML内容都放置在这个区域里面,主体标签通常位于<head>标签之后。

1.2.1 <html>标签

<html>标签标识该文档为HTML文档。<html>标签置于HTML文档最前边,用来标识HTML文档的开始,而</html>标签恰好相反,它放在HTML文档最后边,用来标识HTML文档的结束。两个标签必须成对使用,网页中所有其他的内容都应该放在<html>和</html>标签之间。

基本语法:

    <html>
        包含<head>、<body>等其他标签
    </html>

1.2.2 <head>标签

<head>标签是个容器,包含其他位于文档头部的标签元素。把该标签放在文档的开始处,紧跟在<html>标签后面。<head>和</head>定义了HTML文档的头部,必须是开始标签和结束标签成对使用。在此标签对之间可以使用<title></title>(唯一必需的标签)、<script></script>、<meta>等标签定义文档的标题、样式表和其他文档信息,这些标签都是描述HTML文档相关信息的,<head></head>标签对之间的内容是不会在浏览器的文档窗口中显示出来的。

基本语法:

    <head>
        头部标签元素
    </head>

1.2.3 <body>标签

<body>标签界定了HTML文档的主体。在<body>标签和其结束标签</body>之间的所有部分都被称为主体内容,此标签对必须成对出现。在<body>和</body>之间放置的是实际要显示的所有内容和其他用来控制显示方式的标签,如<p></p>、<h1></h1>、<br />、<hr />等,它们中间所定义的文本、超链接、图像、表格和列表等将会在浏览器窗口中显示出来。

基本语法:

    <body>
        主体内容
    </body>