前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

Web前端开发之HTML编辑器(html前端开发工具)

HTML 编辑器的介绍及推荐

HTML编辑器是用于编写HTML的工具,使用HTML编辑器时以编辑主题,索引,自定义窗口,选择添加搜索页。

HTML 编辑器:

使用Notepad或TextEdit来编写HTML

下列是三种专门用于编辑HTML的HTML编辑器:

Adobe Dreamweaver;

Microsoft Expression Web;

CoffeeCup HTML编辑器;

不过,我们同时推荐使用文本编辑器来学习HTML,比如Notepad(PC)或TextEdit(Mac)。我们相信,使用一款简单的文本编辑器是学习HTML的好方法。

我们可以使用Notepad工具来创建HTML文件,具体的步骤参考如下:

步骤1:启动记事本

打开Notepad的步骤(Windows系统中):

打开“开始”菜单

选择“所有程序”

选择“附件”

选择“记事本”

步骤2:使用记事本编辑HTML

在记事本中输入HTML代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>数据微学院</title>

</head>

<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>

</html>

步骤3:保存你的HTML

在Notepad文件菜单中选择另存为。

您可以以.htm或者.html扩展名保存您的HTML文件,两者没有区别,根据您的使用习惯即可。

将该文件保存在您常用的文件夹中,比如html。

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

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

运行显示结果类似如下:

?

【注】本教程将使用HBuilderX来创建html文件进行学习,创建文件请参考本教程第二章:HTML 教程导读,有关HBuilderX的使用请继续关注【数据微学院】360doc个人图书馆。

  • 本文为 HTML 基础教程第五章,下一章:HTML基础

【小提示】tips:本文由数据微学院作者原创,转载请注明来源或联系作者。更多优秀参考好文请关注【数据微学院】个人图书馆。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言