第1部分第1部分（共4部分）：创建html文档

1. 1开始。单击屏幕左下角的Windows徽标。“开始”菜单将弹出。

2. 2.搜索记事本。输入记事本即可。在“开始”菜单的顶部附近，您应该会看到匹配结果的列表。

3. 3点击记事本。它是结果列表顶部的一个蓝色记事本图标。这样做会提示记事本打开。

4. 4点击文件。这是在记事本窗口的左上角。单击它会提示一个下拉菜单。

5. 5单击另存为…。它在下拉菜单中。“另存为”窗口将打开。

6. 6单击“另存为类型”下拉框。此选项位于窗口底部附近，上面应该写有“文本文档（*.txt）”。单击它会提示出现一个下拉菜单。

7. 7单击所有文件。它在下拉菜单中。这将允许您将文件保存为HTML文档。

8. 8选择一个保存位置。单击窗口左侧要保存文档的文件夹的名称。例如，要在桌面上保存文档，可以向上滚动并单击左侧边栏中的桌面。

9. 9输入名称和“html”文件扩展名。单击“文件名”文本框，然后输入您想要命名的文件，然后输入。html。例如，要将网页的文件命名为“hello”，可以输入hello。html。

10. 10点击保存。这样做会将当前的记事本文档转换为HTML文档。此时，您可以继续设置网页的初始结构。如果Notepad无意中关闭，或者您必须稍后返回文档，您可以右键单击HTML文件，然后在生成的下拉菜单中单击“编辑”。

第2部分第2部分，共4部分：设置网页

1. 1添加网页的语言标签。需要添加到记事本的第一个标记告诉文档的其余部分使用HTML。在记事本中键入以下内容：&lt；！DOCTYPE html&gt&书信电报；html&gt；

2. 2添加“头部”标签。这些标记标记页面标题的开始和结束，您将在下一步中创建该标题。现在，只需键入&lt；头&gt；在“&lt；html&gt；”之后标签，按↵ 输入两次以留出空间，然后键入&lt/头&gt；。

3. 3在网站上添加页面标题。标题，位于“&lt；title&gt；&lt；/title&gt；”之间标签，位于“头部”标签之间的空间。此标题指示网站在浏览器选项卡上的名称。例如，要输入标题将您的网站命名为“我的网站”，您需要输入以下内容：&lt；标题&gt；我的网站&lt/标题&gt；

4. 4添加“body”标签。您的网页的所有代码都将位于这些标签之间，这些标签应位于“&lt；/title&gt；”下方标签：&lt；车身&gt&lt/车身&gt；

5. 5关闭HTML语言标签。文档中最后一个标记是结束HTML标记，表示页面结束。类型&lt/html&gt；在“&lt；/body&gt；”下方标记关闭HTML标记。

6. 6到目前为止，请查看您的HTML文档。此时，您的文档应该如下所示：&lt；！DOCTYPE html&gt&书信电报；html&gt&书信电报；头&gt&书信电报；标题&gt；我的网站&lt/标题&gt&lt/头&gt&书信电报；车身&gt&lt/车身&gt&lt/html&gt；

7. 7保存您的文档。按Ctrl+S组合键执行此操作。现在可以继续向文档中添加页面元素，例如段落和标题。

第3部分第3部分，共4部分：添加网页元素

1. 1现在你的所有网页元素都在“body”标签之间。任何元素，无论是标题还是段落，都需要写在“&lt；body&gt；”之后在“&lt；/body&gt；”前面加上标签标签

2. 2添加网站的主标题。类型&lt；h1&gt&lt/h1&gt；在“body”标签之间，键入希望网页主标题位于“&lt；h1&gt；&lt；/h1&gt；”之间的内容标签。例如，要创建标题为“Welcome”的页面，您可以使用以下选项：&lt；h1&gt；欢迎&lt/h1&gt；您可以使用标签“&lt；h2&gt；&lt；/h2&gt；”通过“&lt；h6&gt；&lt；/h6&gt；”创建较小的标题文本。

3. 3在页面上添加段落文本。键入段落标记，即“&lt；p&gt；&lt；/p&gt；”，然后在标签之间输入你想用作段落的内容。最终结果应该是这样的：&lt；p&gt；这是我的网站。投票给我选班长&lt/p&gt；

4. 4.强行打断段落。如果要在段落或标题之间添加额外的空格，请键入&lt；br&gt；在队伍的结束标记之后。例如，要在段落后创建换行符，应以以下内容结束：&lt；p&gt；这是我的网站。投票给我选班长&lt/p&gt&书信电报；br&gt&书信电报；p&gt；我也喜欢土豆&lt/p&gt；您可以添加额外的“&lt；br&gt；”在第一段之后添加标签，以添加另一个换行符，从而在第一段和第二段之间创建一个空格。

5. 5为文本添加格式。您可以对任何单词、句子或文本块应用粗体、斜体和下划线（以及上标和下标）格式，只要它们位于段落标记之间：&lt；b&gt；粗体文本&lt/b&gt&书信电报；i&gt；斜体文本&lt/i&gt&书信电报；u&gt；带下划线的文本&lt/u&gt&书信电报；sup&gt；上标文本&lt/sup&gt&书信电报；sub&gt；下标文本&lt/sub&gt；

6. 6.查看网页外观。虽然网页的元素可能会有所不同，但您的文档应该是这样的：&lt；！DOCTYPE html&gt&书信电报；html&gt&书信电报；头&gt&书信电报；标题&gt；我的网站&lt/标题&gt&lt/头&gt&书信电报；车身&gt&书信电报；h1&gt；欢迎&lt/h1&gt&书信电报；p&gt；这是我的网站。我希望你喜欢这里&lt/p&gt&书信电报；p&gt&书信电报；b&gt；这里有一些粗体文字作为强调&lt/b&gt&lt/p&gt&书信电报；p&gt&书信电报；i&gt；斜体字可能令人毛骨悚然&lt/i&gt&lt/p&gt&lt/车身&gt&lt/html&gt；

第四部分第四部分共四部分：测试你的网页

1. 1保存您的文档。按Ctrl+S组合键执行此操作。这将确保HTML文档在打开网页时显示网页的最新版本。

2. 2右键单击HTML文档。将出现一个下拉菜单。

3. 3.选择打开。它在下拉菜单中。这样做会打开一个弹出菜单。

4. 4选择您喜欢的网络浏览器。所有web浏览器都可以打开HTML文档，因此请在弹出菜单中单击要使用的任何web浏览器。HTML文档将在选定的web浏览器中打开。

5. 5.查看你的网页。如果你觉得格式不错，你可以继续关闭记事本。如果要继续编辑HTML文档，请返回记事本并进行必要的编辑，确保经常保存更改。

示例html文档

简单网页示例

支持wikiHow并解锁所有示例。

带有html的示例网页

支持wikiHow并解锁所有示例。

html备忘单

支持wikiHow并解锁所有示例。

• 通过将CSS与HTML文档结合使用，可以调整网页的背景色或更改字体颜色。