在前面我们学习中我们认识到到HTML的【我要做网页】和一些基本的结构；

-----------------------声明文档类型为html5

-----------------------HTML标签【开始】

------------------------head标签【开始】

这里可以写head部分的标签

-----------------------head标签【结束】

-----------------------body标签【开始】

这里可以写body部分的标签

-----------------------body标签【结束】

-----------------------HTML标签【结束】

目录

今天我们来自己写出一个小页面；

1. 首先在任意存储位置右击鼠标新建一个【文本文档】

2.  双击运行，使用记事本打开

3.对电脑说【我要做网页】：声明文档类型为html5

4.  写出结构

5. 写出内容

6. 保存

7. 关闭当前记事本

8. 鼠标单击选中刚刚编辑完成的text文件

9. 重命名修改后缀名【txt】为【HTML】或【htm】

9.1 选中文件后鼠标右击找到【重命名】单击

9.2  此时文件会变成这样

9.3 修改后缀名

9.4 解决弹框

9.5  修改文件拓展名成功

10. 双击使用任意浏览器打开

我们的第一个简易网页就写好了

今天我们来自己写出一个小页面；

1. 首先在任意存储位置右击鼠标新建一个【文本文档】

我这里是在桌面创建的

2.  双击运行，使用【记事本】打开

3.对电脑说【我要做网页】：

也就是 --声明文档类型为html5

4.  写出结构

-----------------------声明文档类型为html5

-----------------------HTML标签【开始】

------------------------head标签【开始】

这里可以写head部分的标签

-----------------------head标签【结束】

-----------------------body标签【开始】

这里可以写body部分的标签

-----------------------body标签【结束】

-----------------------HTML标签【结束】

5. 写出内容

因为我们前面的讲解中提到HTML代码书写在HTML标签中的head标签或body标签中间；

那么我们在head与body中分别写出不同的一段话；

以为我会写hello world吗？不可能的   /手动滑稽

6. 保存

在【文件】选项卡中单击【保存】

7. 关闭当前记事本

8. 鼠标单击选中刚刚编辑完成的【txt】文件

9. 重命名修改后缀名【txt】为【HTML】或【htm】

【html】与【htm】效果一样，不区分大小写；

电脑需要开启【显示文件拓展名】，

解决windows 10开启文件拓展名显示详情访问=========》显示Windows10中的文件拓展名---------16岁的小前端；

9.1 选中文件后鼠标右击找到【重命名】单击

9.2  此时文件会变成这样

9.3 修改后缀名

后缀名即是此时的【txt】；

把【txt】删除并加上【HTML】或【HTM】

按下键盘回车键【Enter】

9.4 解决弹框

在按下确认键确认时，弹框会提示你【如果修改文件拓展名，可能会导致文件不可用】

【确定要更改吗？】点【是】；

这是他的惯用伎俩；按照这个方法走不会有错误；

9.5  修改文件拓展名成功

这时就修改文件拓展名成功了；我们发现这里的图标变了；这个图标的样子是和你的【默认浏览器】的图标相同的；我这里使用的【默认浏览器】是谷歌；

推荐大家下载一个谷歌浏览器，谷歌浏览器的一些东西会非常利于我们的开发；

10. 双击使用任意浏览器打开

我们的第一个简易网页就写好了