html编辑教程图文,HTML 编辑器

HTML 编辑器

学习HTML只需一个简单的文本编辑器。

使用记事本或TextEdit学习HTML

可以使用专业的HTML编辑器来创建和修改网页。

但是，为了学习HTML，我们建议使用简单的文本编辑器，例如记事本(PC)或TextEdit(Mac)。

我们相信使用简单的文本编辑器是学习HTML的好方法。

请按照以下步骤使用记事本或TextEdit创建您的第一个网页。

第1步：打开记事本(PC)

Windows 8或更高版本：

打开开始屏幕 ( 屏幕左下方的窗口符号)。 键入记事本 。

Windows 7或更早版本：

打开开始 > 程序> 附件> 记事本

第1步：打开TextEdit(Mac)

打开查找器>应用程序> TextEdit

同时更改一些首选项，以使应用程序正确保存文件。 在 偏好设置>格式>选择“纯文本”

然后在“打开并保存”下，选中“将HTML文件显示为HTML代码而不是格式化文本”复选框。

然后打开一个新文档以放置代码。

步骤2：编写一些HTML

将以下HTML代码编写或复制到记事本中：

My First Heading

My first paragraph.

步骤3：保存HTML页面

将文件保存在您的计算机上。 在记事本菜单中选择文件>另存为 。

将文件命名为“ index.htm” ，并将编码设置为UTF-8 (这是HTML文件的首选编码)。

提示：您可以使用.htm或.html作为文件扩展名。 没有区别，这取决于您。

步骤4：在浏览器中查看HTML页面

在您喜欢的浏览器中打开保存的HTML文件(双击该文件，或右键单击-并选择“打开方式”)。

结果看起来像这样：

新手教程在线编辑器-“尝试一下”

使用我们的免费在线编辑器，您可以编辑HTML代码并在浏览器中查看结果。

当您想快速测试代码时，它是完美的工具。 它还具有颜色编码，并能够与他人保存和共享代码：

例

标题

这是标签

这是段落.

单击“自己尝试”按钮以查看其工作原理。