大多数浏览器都可以检查所浏览页面的 HTML 源。 当你查看源时,你将看到许多 HTML(超文本标记语言)标记,用尖括号(<>)括起来,与文本交织在一起。
以下步骤使用 HTML 标记生成简单的网页。 在这些步骤中,你将在记事本的文件中键入纯文本,进行一些更改,保存文件,并在浏览器中重新加载页面以查看所做的更改。
创建 HTML 文件
打开记事本或任何纯文本编辑器。
在 “文件 ”菜单中,选择“ 新建”。
键入以下行:
<HTML> <HEAD> <TITLE>Top HTML Tags</TITLE> </HEAD> </HTML>
在“ 文件 ”菜单中,选择“ 保存”,并将该文件另存为 c:\webpages\First.htm。 使文件在编辑器中保持打开状态。
切换到浏览器,然后从 “文件 ”菜单中选择“ 打开”,或在浏览器的 URL 编辑框中键入 file://C:/webpages/first.htm 。 应会看到一个带有窗口标题“Top HTML Tags”的空白页。
请注意,标记已配对,并包含在尖括号中。 标记不区分大小写,但大写通常用于使标记脱颖而出。
标记 <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。