用记事本来完成第一个html网页
手把手教会你写第一个html网页。首先通过了解html基本结构，再使用记事本来完成代码的书写，之后通过改写文件后缀使网页成功运转。
目录
一、前言：
1、本篇博文主要叙述：通过记事本来写一个简单的html网页，并通过浏览器成功运行。
2、弊端就是不能通过网址发送给你的好友！
二、实践操作：
（1）认识html基本结构：
在开始之前需要先认识一下html的基本结构，如下图就是html的基本结构，仔细看还是会发现规律的，除了“<!doctype html>”，其他的基本都是成双成对的、前后对映的，并且后面的那一个还多了一个“/”；
（2）搭建框架：
认识html基本结构之后正式开始搭建一个真正的网页；首先在电脑桌面上右键点击一下选择新建->文本文档（文档名字无所谓，可以随意更改）；
将图二中的代码手动敲入新建的文本文档中“<”和“>”也要敲，值得注意的是文本文档中的所有字符都是英文，包括“!”;换行之后的缩进可以点击Tab键来进行缩进；
（3）输入标题内容：
在<title> </title>中间填写文字，可以随便输入文字，输入什么网页标题就是什么；
如图三左部分运行后的网页标题所示，由于右边我在记事本中输入的是“这是一个简单的html5网页”，所以网页标题就是“这是一个简单的html5网页”；
（4）输入网页内容：
在<body> </body>中间输入任意文字，输入的是什么网页内容就是什么；
例如图四左边网页内容就是图四右边<body> </body>中间输入的文字。
（5）如何保存代码：
现在有的人就要说了，你还没有教运行文件，我怎么看网页呢？别急现在就开始了，当我们在记事本中写完我们的代码之后，点击左上角的文件-->另存为-->把文件后缀由原来的txt改为html，注意“.”不能删除，并且将文件保存类型改为所有文件类型，建议把文件放到桌面；
（6）运行代码：
保存之后就会发现你的桌面多了一个浏览器，但是名字确是你刚才保存时的名字，你好奇的点进去会发现就是你写的代码运行的结果；恭喜你！你会写html文件了！
（7）更改代码：
当你再点击一开始写代码的那个文本文档时，你高兴的发现代码都还在，不用再重新写一遍了；事实真的如此吗？真的不用再写一遍吗？真相只有一个，那就是：原来的文本文档的名字和我们保存时的名字不一样，后缀也不一样；那咋打开写的那一个呢？
oi（敲黑板）别急，方法来了：先点击刚才保存后浏览器图标的文件，右键-->打开方式-->选择其他应用-->更多引用-->记事本打开;点击确定只有你就会发现进入到了原来的模样，在这里就可以更改代码了；
建议第二次打开之后不要关闭窗口，保存时使用快捷键Ctrl+s直接保存；
（8）重新运行操作：
在第一次打开网页后，建议不要关闭窗口，当我们更改完代码后直接点击左上角的刷新符号，系统会自动识别到源文件发生改变并自动做出改变。
三、后序：
此篇博文就到此结束；期待以后能有更多好玩的、有趣的代码分享给大家！
有“AI”的1024 = 2048，欢迎大家加入2048 AI社区
更多推荐
33
0- 0
已为社区贡献1条内容
所有评论(0)