认识HTML--写出第一个简易网页 -------16岁的小前端

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

<!doctype html>                -----------------------声明文档类型为html5
<html>                         -----------------------HTML标签【开始】
    <head>                    ------------------------head标签【开始】
        这里可以写head部分的标签
    </head>                    -----------------------head标签【结束】
    <body>                     -----------------------body标签【开始】
        这里可以写body部分的标签
    </body>                    -----------------------body标签【结束】
</html>                        -----------------------HTML标签【结束】

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

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

我这里是在桌面创建的

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

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

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

<!doctype html>

4. 写出结构

<!doctype html>                -----------------------声明文档类型为html5
<html>                         -----------------------HTML标签【开始】
    <head>                    ------------------------head标签【开始】
        这里可以写head部分的标签
    </head>                    -----------------------head标签【结束】
    <body>                     -----------------------body标签【开始】
        这里可以写body部分的标签
    </body>                    -----------------------body标签【结束】
</html>                        -----------------------HTML标签【结束】

5. 写出内容

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

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

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

6. 保存

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

7. 关闭当前记事本

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

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

【html】与【htm】效果一样,不区分大小写;

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

解决windows 10开启文件拓展名显示详情访问=========》;

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

9.2 此时文件会变成这样

9.3 修改后缀名

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

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

按下键盘回车键【Enter】

9.4 解决弹框

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

【确定要更改吗?】点【是】;

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

9.5 修改文件拓展名成功

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

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

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

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

经验分享 程序员 微信小程序 职场和发展