前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用记事本或 TextEdit 学习 HTML

使用记事本或 TextEdit 学习 HTML

作者头像
玖柒的小窝
修改2021-09-13 10:16:45
8400
修改2021-09-13 10:16:45
举报
文章被收录于专栏:各类技术文章~各类技术文章~

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


使用记事本或 TextEdit 学习 HTML

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

但是,为了学习 HTML,我们推荐使用简单的文本编辑器,如 Notepad (PC) 或 TextEdit (Mac)。

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

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


步骤 1:打开记事本 (PC)

Windows 8 或更高版本:

打开开始屏幕屏幕左下角的窗口符号)。输入记事本

Windows 7 或更早版本:

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

第 1 步:打开 TextEdit (Mac)

打开Finder > 应用程序 > 文本编辑

还要更改一些首选项以使应用程序正确保存文件。 在首选项> 格式> 选择“纯文本”

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

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

第 2 步:编写一些 HTML

将以下 HTML 代码写入或复制到记事本中:

代码语言:javascript
复制
<!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 文件(双击文件,或右键单击 - 并选择“打开方式”)。

结果将如下所示:

W3Schools 在线编辑器 - “自己尝试”

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

当您想快速测试代码时,它是完美的工具。它还具有颜色编码以及与他人保存和共享代码的能力:

例子

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

本文系外文翻译,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系外文翻译前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 使用记事本或 TextEdit 学习 HTML
  • 步骤 1:打开记事本 (PC)
  • 第 1 步:打开 TextEdit (Mac)
  • 第 2 步:编写一些 HTML
  • 第 3 步:保存 HTML 页面
  • 步骤 4:在浏览器中查看 HTML 页面
  • W3Schools 在线编辑器 - “自己尝试”
    • 例子
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档