sitemap
知识分享网:一个值得你收藏的网站!
当前位置:PHP知识网 > Html > html基础教程 > HTML 编辑器

HTML 编辑器

发布时间:2020-07-29浏览:65评论:0


使用 Notepad 或 TextEdit 来编写 HTML

可以使用专业的 HTML 编辑器来编辑 HTML:

  • Adobe Dreamweaver

  • Microsoft Expression Web

  • CoffeeCup HTML Editor

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

步骤一:启动记事本

如何启动记事本:

开始
    所有程序
        附件
            记事本

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

在记事本中键入 HTML 代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>你好,世界!</title>
  </head>
  <body>
    <h1>你好,世界!</h1>
  </body>
</html>

步骤三:保存 HTML

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

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

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

步骤四:在浏览器中运行这个 HTML 文件

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


*工欲善其事,必先利其器,好的编辑器可以提高效率,推荐使用webstrom

webstorm.png

下载页面:https://www.jetbrains.com/webstorm/download

下载地址:https://download.jetbrains.com/webstorm/WebStorm-2019.2.exe


欢迎 发表评论: