自学网用记事本编写html,如何用记事本写HTML网页?,看完你就知道了

做网页用到的 — HTML超文本标记语言,除了用集成了开发环境的编译软件(简称“IDE”)写以外,也可以直接使用windows电脑自带的记事本来建立。

2d4e0090d82a0e4dc4064e033eab560b.png

工具/材料

一台计算机

windows自带的记事本

HTML基本标签(HTML Tag)

新建.txt文本文档

01

桌面空白处右键 — 新建 — 文本文档。

6d4a74448d8cc74d02a81fe81235f8ee.png

02

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

3a0961c82b6424262eb931969dfcded5.png

好了,以上就是大致内容了,(END)

输入HTML基本结构

01

命名好以后回车确定,双击文本文档进入编辑状态,输入HTML基本结构。

为了提高HTML文档的兼容性,一般需要在开头添加。

7aa620c19d606154f2080a86112a9009.png

好了,以上就是大致内容了,(END)

01

用title标签设置网页标题

01

在HTML文档的基本结构中的

...标签之间,添加的内容即会成为网页标题。

a352649df263b505f4c2a77da1b653ba.png

好了,以上就是大致内容了,(END)

设置网页的背景

01

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

2325a4ed07949f3f6e2a079697fd0f93.png

02

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

65fcc11b68636a8bcb3f68d52ecfa783.png

03

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

09f6cdacad4ed693389d5c258f881c4f.png

7fc4f530771b815cd00b28c74315b1eb.png

好了,以上就是大致内容了,(END)

01

输入网页主题内容

01

网页的主题内容要添加在

...之间,这里添加的内容会显示在网页上。

f56a3e9aa90eec11bfdae647fb84e586.png

好了,以上就是大致内容了,(END)

01

将.txt文档更改为HTML文档

01

选中.txt文档,使用快捷键F2对其进行重命名,将后缀名改为.html。这时会出现弹窗提示,直接确定即可。

这样以来,一个最基础的HTML文档就完成了。

feb7e40886f081394d068bf30427e8cd.png

好了,以上就是大致内容了,(END)

HTML中的双标签 - 开始标签与结束标签一 一对应

一定要在英文状态下输入HTML文档的标签内容(符号)

背景图的尺寸小于HTML页面时,页面中会将背景图显示好多份