HTML 编辑器

2021-04-23 06:26:37 更新

目录:

一、常用编辑器推荐

二、创建第一个HTML


内容:

一、常用编辑器推荐

HTML 编辑器主要指方便编辑html代码的软件。

it问答网为您推荐如下几款经典编辑器:

1、Adobe Dreamweaver 【推荐新手小白使用】

2、Visual Studio Code

3、Sublime

4、HBuilder

提示:其实你用记事本也可以编写html,但是不推荐。


二、创建第一个HTML


通过记事本,依照以下四步来创建您的第一张网页。

步骤一:启动记事本

步骤二:用记事本来编辑 HTML

在记事本中键入 HTML 代码:

图片.png

代码如下:

<html>
    <body>
    
    <h1>我的第一个标题</h1>
    
    <p>我的第一个段落。</p>
    
    </body>
</html>


步骤三:保存 HTML

在记事本的文件菜单选择“另存为”。

当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好。

win10系统下,保存类型选择所有文件,文件写itwenda.html

图片.png

在一个容易记忆的文件夹中保存这个文件,比如桌面上。


图片.png

win10下扩展名是隐藏的



步骤四:在浏览器中运行这个 HTML 文件
启动您的浏览器,然后选择“文件”菜单的“打开文件”命令,或者直接在文件夹中双击您的 HTML 文件。

结果应该类似这样:

图片.png