HTML 基础

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

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

创建 HTML 文件

  1. 打开“记事本”或任何纯文本编辑器。

  2. 从“文件”菜单中,选择“新建”

  3. 键入下列行:

    <HTML>
    <HEAD>
    <TITLE>Top HTML Tags</TITLE>
    </HEAD>
    </HTML>
    
  4. 从“文件”菜单中,选择“保存”,将文件另存为 c:\webpages\First.htm。 让文件在编辑器中处于打开状态。

  5. 切换到浏览器,从“文件”菜单中,选择“打开”或在浏览器的 URL 编辑框中键入 file://C:/webpages/first.htm。 你应看到一个窗口标题为“顶级 HTML 标记”的空白页。

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

    文档以标记 <HTML> 开始,以标记 </HTML> 结束。 结束标记(不一定需要)与开始标记一样,但标记前具有一个正斜杠 (/)。 尖括号 (<) 与标记开头之间应没有空格。

  6. 切换回“记事本”,在 </HEAD> 行后,键入:

    <BODY>
        HTML is swell.
        Life is good.
    </BODY>
    
  7. 从“文件”菜单中,选择“保存”

  8. 切换回浏览器,刷新页面。

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

    在接下来的所有步骤中,在 <BODY> 和 </BODY> 之间的任意位置插入文本以添加到文档正文。

  9. 添加标题:

    <H3>Here's the big picture</H3>
    
  10. 使用与页面保存在同一目录中的 .gif 文件添加图像:

    <IMG src="yourfile.gif">
    
  11. 添加列表:

    <UL>Make me an unordered list.
    <LI>One programmer</LI>
    <LI>Ten SDKs</LI>
    <LI>Great Internet Apps</LI>
    </UL>
    
  12. 若要为列表编号,请使用成对的 <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 编程基础知识