打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
HTML编辑器

HTML 编辑器的介绍及推荐

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

HTML 编辑器

使用NotepadTextEdit来编写HTML

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

Adobe Dreamweaver;

Microsoft Expression Web;

CoffeeCup HTML编辑器;

不过,我们同时推荐使用文本编辑器来学习HTML,比如NotepadPC)或TextEditMac)。我们相信,使用一款简单的文本编辑器是学习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:本文由数据微学院作者原创,转载请注明来源或联系作者。更多优秀参考好文请关注【数据微学院】个人图书馆。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
HTML 编辑器
HTML 编辑器的介绍及推荐
HTML入门例子
[Software]五个好用的记事本软件 - gxaht的日志 - 网易博客
从零开始,一步一步编写网页
怎样让记事本的状态栏与自动换行同时显示_
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服