【HTML 基础教程】HTML 编辑器

使用 Notepad 或 TextEdit 来编写 HTML

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

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

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

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

步骤一:启动记事本

如何启动记事本:

开始

所有程序

附件

记事本

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

在记事本中键入 HTML 代码:

步骤三:保存 HTML

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

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

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

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

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

结果应该类似这样:

相关推荐
jarreyer1 小时前
Vim 编辑器常用快捷键速查表
linux·编辑器·vim
暮 夏2 小时前
利用session在html和MySQL实现登录
前端·mysql·html
兮动人3 小时前
VSCode怎么同时打开多个页面
ide·vscode·编辑器
Java开发追求者11 小时前
base64与图片的转换和预览
html·base64与图片的转换和预览
2401_8729905314 小时前
【凑修电脑的小记录】vscode打不开
ide·vscode·编辑器
软件技术NINI18 小时前
html css js网页制作成品——HTML+CSS珠海网页设计网页设计(4页)附源码
javascript·css·html
爱编程的鱼18 小时前
如何用CSS实现HTML元素的旋转效果:从基础到高阶应用
前端·css·html
Dontla19 小时前
vscode预览模式(点击文件时默认覆盖当前标签,标签名称显示为斜体,可通过双击该标签取消)覆盖标签、新窗打开
ide·vscode·编辑器
深色風信子19 小时前
Eclipse 插件开发 5 编辑器
java·eclipse·编辑器
CodingCos1 天前
【Windows 常用工具系列 22 -- vscode markdown preview 字体大小设置】
ide·vscode·编辑器