基于HTML与CSS，轻松学习网页设计

2025-09-30 理论教育版权反馈

【摘要】：HTML是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML 语言由蒂姆·伯纳斯·李给出原始定义，IETF用简化的SGML语法进行进一步发展，后来成为国际标准，目前由万维网联盟维护。使用XML 的严格规则的XHTML是W3C 计划中的HTML 的接替者。注意W3C 目前的建议是使用XHTML 1.1、XHTML 1.0 或HTML 4.01 进行网络出版。HTML 语法的核心是由W3C 定义的一些标记。图1.1例1.1 的运行结果说明HTML 文件中的第一个标签是。这个标签告诉浏览器，这是 HTML 文件的结束点。

HTML（HyperText Markup Language，超文本标记语言）是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML 主要用来使信息结构化——标题、段落和列表等，也可用来描述文档语义，还能在一定程度上描述文档的外观。

HTML 语言由蒂姆·伯纳斯·李给出原始定义，IETF（互联网工程工作小组）用简化的SGML（标准通用标记语言）语法进行进一步发展，后来成为国际标准，目前由万维网联盟（W3C）维护。

包含HTML 内容的文件最常用的扩展名是.html 和.htm。它是基于文本的，编写者可以用任何文本编辑器或所见即所得的HTML 编辑器来编辑HTML 文件。

早期的HTML 语法被定义成较松散的规则，以有助于不熟悉网络出版的人采用。网页浏览器接受了这个现实，并且可以显示语法不严格的网页。随着时间的流逝，官方标准渐渐趋于严格的语法，但是浏览器能继续显示一些不合标准的HTML。使用XML 的严格规则的XHTML（可扩展超文本标记语言）是W3C 计划中的HTML 的接替者。虽然很多人认为它已经成为当前的HTML 标准，但是它实际上是一个独立的、和HTML 平行发展的标准。

注意

W3C 目前的建议是使用XHTML 1.1、XHTML 1.0 或HTML 4.01 进行网络出版。

HTML 语法的核心是由W3C 定义的一些标记。每种标记表示网页中的某种内容，如表示一个段落，<img />表示一张图片，<hr />表示一条水平线， 表示一段文字中间人为的强制换行；某些标记能描述一定的语义，如<address></address>描述一个地址，描述强调的语气。

标记的形式如下：

标记由开始标记、结束标记和标记的内容构成，开始标记中可以设置多个属性，标记还可以包含内容，内容可以为文本或其他标记。

如果标记不包含内容，则采用如下形式：

(https://www.chuimin.cn)

下面创建第一个网页文档。

在磁盘的任意位置新建一个文本文档，命名为1.1.html。使用记事本或其他任何文本编辑软件打开它，在里面编写HTML 代码，如下：

例1.1：

pagenumber_ebook=19,pagenumber_book=8

在浏览器中浏览这个网页文档，运行结果如图1.1 所示。

pagenumber_ebook=19,pagenumber_book=8

图1.1　例1.1 的运行结果

说明

HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器HTML 文件的开始点。文件中最后一个标签是 </html>。这个标签告诉浏览器，这是 HTML 文件的结束点。位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。<title> 标签中的文本是文档的标题。标题会显示在浏览器的标题栏中。<body> 标签中的内容是将被浏览器显示给浏览者的网页正文。 和 标签表示一个段落。

由上例可以看出，一个网页文档的源代码由标签和文本组成。最外层的标签为<html></html>，而它内部又分为两部分：<head></head>和<body></body>，<head></head>称为网页头部，它里面的标签用于描述网页的基本信息，一般不会显示出来。而浏览者要看到的网页内容由<body></body>表示，它称为网页正文。在网页文档的源代码中，各个标签或嵌套或平行，这样表示了整个文档的结构，而某些标签还有明确的语义，如p 表示它所包含的文字是一个段落。

基于HTML与CSS，轻松学习网页设计

相关推荐