【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 文件。

结果应该类似这样:

相关推荐
YY_Share1 小时前
vim 清空文本内容指令
linux·编辑器·vim
djk88881 小时前
支持手机屏幕的layui后台html模板
前端·html·layui
召田最帅boy5 小时前
为博客每日一句添加音频播放功能
spring boot·html·音视频
一直都在5725 小时前
JSoup:Java 处理 HTML 的实用利器,从基础到实战爬取教程
java·python·html
还是大剑师兰特5 小时前
VSCode 代码格式化完整解决方案(插件 + 配置 + 快捷键)
ide·vscode·编辑器
信鸽爱好者5 小时前
RTX5060 GPU CUDA12.8 +vscode 设计一个torch实例程序
人工智能·vscode·深度学习·编辑器
海盗猫鸥5 小时前
「Linux工具」yum和vim
linux·编辑器·vim
坐吃山猪6 小时前
【aider源码】03-AI编辑器拆解
人工智能·编辑器·aider
咬人喵喵6 小时前
E2 编辑器彩妆行业 SVG 实战解析:技术效果 + 品牌落地 + 营销节点全映射
编辑器
召田最帅boy1 天前
使用自定义图片作为Emoji表情的技术实现
数据库·html