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>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
步骤 3:保存 HTML 页面
将文件保存在您的计算机上。在记事本菜单中选择**文件** > **另存为**。
将文件命名为**“index.htm”**,并将编码设置为**UTF-8**(这是 HTML 文件的首选编码)。
**提示:**您可以使用 .htm 或 .html 作为文件扩展名。两者没有区别,由您决定。
步骤 4:在浏览器中查看 HTML 页面
在您喜欢的浏览器中打开保存的 HTML 文件(双击文件,或右键单击 - 然后选择“打开方式”。
结果看起来会很像这样
W3Schools 在线编辑器 - “尝试一下”
使用我们的免费在线编辑器,您可以编辑 HTML 代码并在浏览器中查看结果。
当您需要快速**测试**代码时,它是一个完美的工具。它还具有颜色编码功能,并且能够保存和与他人共享代码
示例
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
尝试一下 »
单击“尝试一下”按钮查看它的工作原理。
W3Schools 空间
如果您想创建自己的网站并在网上保存您的代码,请尝试使用我们的免费**网站构建器**,名为 W3schools 空间