HTML 基础

项目
06/16/2023

大多数浏览器具有查看您所浏览页面的 HTML 源的功能。查看源时，你将看到大量两侧是尖括号 (<>)、穿插文本的 HTML（超文本标记语言）标记。

下列步骤使用 HTML 标记生成简单网页。在下列步骤中，您将使用“记事本”将文本键入文件中、进行一些更改、保存文件并在浏览器中重新加载页面来查看更改。

创建 HTML 文件

打开“记事本”或任何纯文本编辑器。
从“文件”菜单中，选择“新建”。

键入下列行：

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

从“文件”菜单中，选择“保存”，将文件另存为 c:\webpages\First.htm。让文件在编辑器中处于打开状态。
切换到浏览器，从“文件”菜单中，选择“打开”或在浏览器的 URL 编辑框中键入 file://C:/webpages/first.htm。你应看到一个窗口标题为“顶级 HTML 标记”的空白页。

请注意，标记是成对的，并且包含在尖括号中。标记不区分大小写，但通常使用大写突出标记。

文档以标记 <HTML> 开始，以标记 </HTML> 结束。结束标记（不一定需要）与开始标记一样，但标记前具有一个正斜杠 (/)。尖括号 (<) 与标记开头之间应没有空格。
切换回“记事本”，在 </HEAD> 行后，键入：
```
<BODY>
    HTML is swell.
    Life is good.
</BODY>
```
从“文件”菜单中，选择“保存”。
切换回浏览器，刷新页面。

浏览器窗口的工作区将显示字词。请注意，将忽略回车符。如果要包含换行符，则必须在第一行后包括一个 <BR> 标记。

在接下来的所有步骤中，在 <BODY> 和 </BODY> 之间的任意位置插入文本以添加到文档正文。
添加标题：
```
<H3>Here's the big picture</H3>
```
使用与页面保存在同一目录中的 .gif 文件添加图像：
```
<IMG src="yourfile.gif">
```

添加列表：

<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

若要为列表编号，请使用成对的 <OL> 和 </OL> 标记代替 <UL> 和 </UL> 标记。

这应当就入门了。如果你在网页上看到一个优秀的功能，则可通过查看 HTML 源来了解如何创建该功能。 HTML 编辑器（如 Microsoft Front Page）可用于创建简单和高级页面。

这是您生成的文件的完整 HTML 源：

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

有关标记、特性和扩展的完整说明，请参阅超文本标记语言 (HTML) 规范：

最新发布的 HTML 版本位于 W3C.org。

另请参阅

MFC Internet 编程基础知识

通过

HTML 基础

创建 HTML 文件

另请参阅

反馈

反馈

其他资源