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 。 应会看到一个带有窗口标题“Top HTML Tags”的空白页。

    请注意,标记已配对,并包含在尖括号中。 标记不区分大小写,但大写通常用于使标记脱颖而出。

    标记 <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 编程基础知识