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

最新推荐文章于 2024-04-29 16:27:27 发布

U_YangYang

最新推荐文章于 2024-04-29 16:27:27 发布

阅读量806

点赞数 1

分类专栏： HTML 文章标签： HTML 前端创建一个网页写一个网页网页制作

本文链接：https://blog.csdn.net/weixin_44647939/article/details/86995185

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

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

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

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

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

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

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

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

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

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

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

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开启文件拓展名显示详情访问=========》显示Windows10中的文件拓展名---------16岁的小前端；

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

9.2 此时文件会变成这样

9.3 修改后缀名

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

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

按下键盘回车键【Enter】

9.4 解决弹框

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

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

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

9.5 修改文件拓展名成功

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

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

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

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

U_YangYang

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
认识HTML--写出第一个简易网页 -------16岁的小前端

在前面我们学习中我们认识到到HTML的【我要做网页】和一些基本的结构；&lt;!doctype html&gt; -----------------------声明文档类型为html5&lt;html&gt; -----------------------HTML标签【开始】 &lt;head&gt; ...
复制链接

扫一扫