轻松上手,快乐学习!

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代码编写或复制到记事本中:
<!DOCTYPE html>
<html>
<body><h1>My First Heading</h1><p>My first paragraph.</p></body>
</html>
 

步骤3:保存HTML页面

将文件保存在您的计算机上。 在记事本菜单中选择文件>另存为 。 将文件命名为“ index.htm” ,并将编码设置为UTF-8 (这是HTML文件的首选编码)。
提示:您可以使用.htm或.html作为文件扩展名。 没有区别,这取决于您。

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

在您喜欢的浏览器中打开保存的HTML文件(双击该文件,或右键单击-并选择“打开方式”)。 结果看起来像这样:

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

使用我们的免费在线编辑器,您可以编辑HTML代码并在浏览器中查看结果。 当您想快速测试代码时,它是完美的工具。 它还具有颜色编码,并能够与他人保存和共享代码:

<!DOCTYPE html>
<html>
<head>
<title>标题</title>
</head>
<body><h1>这是标签</h1>
<p>这是段落.</p></body>
</html>
自己尝试»
单击“自己尝试”按钮以查看其工作原理。