本文概述
- A.带记事本的HTML代码。 (建议初学者使用)
- B.带有Sublime Text编辑器的HTML代码。(在学习HTML基础之后推荐)
- HTML文件是文本文件, 因此要创建HTML文件, 我们可以使用任何文本编辑器。
- 文本编辑器是允许编辑书面文本的程序, 因此, 要创建网页, 我们需要在某些文本编辑器中编写代码。
- 你可以直接下载各种类型的文本编辑器, 但是对于初学者来说, 最好的文本编辑器是记事本(Windows)或TextEdit(Mac)。
- 在学习了基础知识之后, 你可以轻松地使用其他专业文本编辑器, 例如Notepad ++, Sublime Text, Vim等。
- 在我们的教程中, 我们将使用记事本和Sublime文本编辑器。以下是一些使用记事本和精美文字创建第一个网页的简便方法。
步骤1:打开记事本(Windows)
文章图片
步骤2:用HTML编写代码
文章图片
步骤3:保存扩展名为.htm或.html的HTML文件。
文章图片
步骤4:在网络浏览器中打开HTML页面。
要运行HTML页面, 你需要打开文件位置(保存文件的位置), 然后双击文件或单击“打开方式”选项
文章图片
文章图片
B.带有Sublime Text-editor的HTML代码。(在学习HTML基础之后推荐) 当你学习HTML的基础知识时, 可以使用一些专业的文本编辑器, 这将帮助你编写高效而快速的代码。因此, 要使用Sublime Text编辑器, 首先需要从Internet下载并安装。你可以从此https://www.sublimetext.com/download链接轻松下载它, 并可以将其安装在PC中。完成Sublime文本编辑器的安装后, 你可以按照简单的步骤使用它:
步骤1:开启Sublime Text编辑器(Windows 8):
要打开Sublime Text编辑器, 请转到“开始”屏幕?键入SublimeText?打开它。要打开新页面, 请按CTRL + N。
文章图片
步骤2:在编写任何代码之前, 请保存页面。
要将页面保存为Sublime Text, 请按Ctrl + S或转到文件选项?保存, 以使用扩展名.htm或.html保存文件。我们建议先保存文件, 然后编写代码, 因为保存页面后, 升华文本编辑器将为你提供编写代码的建议。
文章图片
【HTML文本编辑器】步骤3:在Sublime Text编辑器中编写代码
文章图片
步骤4:在浏览器中打开HTML页面
要在Web浏览器中执行或打开此页面, 只需用鼠标右键单击崇高文本页面, 然后单击“在浏览器中打开”。
文章图片
文章图片
注意:你可以在任何浏览器中执行HTML文件, 但是某些Web浏览器不支持某些标签。