使用记事本或文本编辑器编写 HTML

HTML 可以使用如下专业的 HTML 编辑器进行编辑：

Microsoft WebMatrix

Sublime Text

然而，我们推荐使用记事本(PC)或文本编辑器(Mac)学习 HTML。

我们相信使用一个简单的文本编辑器学习 HTML 是一种很好的方式。

按照下面 4 步使用记事本创建你的第一个 Web 页面。

第一步：打开记事本

在 Windows 7 或更早的系统中打开记事本：

点击"开始"(屏幕的左下角)

点击"所有程序"

点击“附件”

点击"记事本"

在 Windows 8 或之后的系统中打开记事本：

打开"开始屏幕"(屏幕的左下角的窗口图标)

找到"记事本"

第二步：编写 HTML

在记事本中编写或拷贝一些 HTML 代码。

My First Heading

My first paragraph.

第三步：保存 HTML 页面

将这个文件保存到你的电脑中。

在"记事本"的菜单中选择 "文件" -> "保存"。

将该文件命名为"index.html"或者以"html"或"html"为扩展名的任何名称的文件。

HTML 文件的编码首选的是"UTF-8"。

ANSI 编码只支持美国和西欧编码。

你可以使用".html"或者".htm"作为文件的扩展名。它们之间没有任何区别，使用哪种扩展名取决于你。

第四步：在浏览器查看 HTML 页面

在你喜欢的浏览器中打开刚才保存的 HTML 文件。结果像这样：

要想在浏览器中打开这个文件，可以通过双击该文件或者鼠标选择该文件后右键选择指定浏览器打开的方式。

本文翻译于《w3schools》网站提供的 HTML 教程。

html编辑器完整保存网页,w3schools网站的HTML教程之HTML编辑器相关推荐

w3schools网站的HTML教程之HTML基础
如果下述案例所使用的标签你还不会,不要担心. 你将在下一章学习到这些标签. HTML 文档所有 HTML 文档必须是以这个类型声明:<!DOCTYPE html>. HTML 文档本身要 ...
Playmaker全面实践教程之playMaker编辑器
Playmaker全面实践教程之playMaker编辑器 playMaker编辑器 playMaker编辑器是制作状态机的主要视图,如图1-23所示.只有熟悉此视图,读者才能更加快捷的使用Playma ...
html中的ui编辑器,kendoUI系列教程之Editor编辑器
kendoui的编辑器是我见过配置最复杂的,方法API一大堆. Configuration配置项 1.编码 encoded 类型:Boolean 默认:true 说明:配置编辑器提交时是否对内容编码, ...
百度UEditor编辑器,合入PHP网站
本文转自:http://www.cnblogs.com/losen/archive/2013/05/23/3094612.html 百度UEditor编辑器!合入PHP网站! Posted on 20 ...
bluePen – 使用在线 CSS 编辑器美化你的网站
BluePen 是一款非常强大的样式编辑工具,甚至可以轻松地安装在一个动态的网站中.一旦你已经安装了它,你就可以在任何时间,任何地方修改样式表,一切修改将实时更新到您的浏览器(但不是线上网站),在按下 ...
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程（97 个视频）
React + Redux + Express + Mongodb 零基础开发完整大型商城网站视频教程(97 个视频) mern 架构零基础开发完整电商网站 React + Redux + Expre ...
如何写一个完整的django网站：配置环境啥的不讲（python+mysql+html相关）肆
虽然好像到现在为止只有几个人看了,但是心塞的作者还是给大家放一下网站的目录伐, 其中两个文件夹中可以忽略,存放css和js样式的,但是实践证明必须导入外部文件中的内容,额,js和css存放在图片2所示 ...
Python分布式爬虫打造搜索引擎完整版-基于Scrapy、Redis、elasticsearch和django打造一个完整的搜索引擎网站
Python分布式爬虫打造搜索引擎基于Scrapy.Redis.elasticsearch和django打造一个完整的搜索引擎网站 https://github.com/mtianyan/Artic ...
全功能版带直播插件完整商城系统网站源码
介绍: 全功能版带直播插件完整商城系统网站源码系统就是集客户关系管理+营销电商系统,能够快速积累客户.会员数据分析.智能转化客户. 有效提高销售.会员维护.网络营销的一款企业应用包含商城.拼团.砍 ...

html编辑器完整保存网页,w3schools网站的HTML教程之HTML编辑器

My First Heading

html编辑器完整保存网页,w3schools网站的HTML教程之HTML编辑器相关推荐

最新文章

热门文章