如何用记事本写HTML网页?

做网页用到的 — HTML超文本标记语言 , 除了用集成了开发环境的编译软件(简称“IDE”)写以外 , 也可以直接使用windows电脑自带的记事本来建立 。 工具/材料 一台计算机
windows自带的记事本
HTML基本标签(HTML Tag)
新建.txt文本文档 01 桌面空白处右键 — 新建 — 文本文档 。

如何用记事本写HTML网页?

文章插图

02 【如何用记事本写HTML网页?】这时新建的 .txt文档 , 会在更改名称的状态 , 我这里直接命名为记事本写"HTML网页" 。

如何用记事本写HTML网页?

文章插图


01
输入HTML基本结构 01 命名好以后回车确定 , 双击文本文档进入编辑状态 , 输入HTML基本结构 。
为了提高HTML文档的兼容性 , 一般需要在开头添加<!DOCTYPE html> 。

如何用记事本写HTML网页?

文章插图

01
用title标签设置网页标题 01 在HTML文档的基本结构中的<title>...</title>标签之间 , 添加的内容即会成为网页标题 。

如何用记事本写HTML网页?

文章插图

01
02
03
设置网页的背景 01 网页背景可以使用图片填充 , 也可以用颜色填充 。 (用颜色代替 , 可以使用搜狗搜索RGB颜色表)

如何用记事本写HTML网页?

文章插图

02 利用颜色填充网页背景 , 需要用到属性值bgcolor , 加在body标签里 。

如何用记事本写HTML网页?

文章插图

03 利用图片填充网页 , 需要用到属性值background , 加在body标签里 。 以下的方式 , HTML源文件要与图片放在同一文件夹(目录)下 。

如何用记事本写HTML网页?

文章插图

如何用记事本写HTML网页?

文章插图


01
输入网页主题内容 01 网页的主题内容要添加在<body>...</body>之间 , 这里添加的内容会显示在网页上 。

如何用记事本写HTML网页?

文章插图

01
将.txt文档更改为HTML文档 01 选中.txt文档 , 使用快捷键F2对其进行重命名 , 将后缀名改为.html 。 这时会出现弹窗提示 , 直接确定即可 。
这样以来 , 一个最基础的HTML文档就完成了 。

如何用记事本写HTML网页?

文章插图

特别提示 HTML中的双标签 - 开始标签与结束标签一 一对应
一定要在英文状态下输入HTML文档的标签内容(符号)

推荐阅读