工具/材料

电脑一台

代码编辑软件(Notepad++)

01

想要做一个网页,首先要找到一个合适的代码编辑软件,我这边使用的是Notepad++。

html网页制作入门:怎么制作一个网页?-风君小屋帮我吧 02

打开软件之后,点击文件中的新建一个文件,成功创建之后就开始编辑我们的网页内容了。

html网页制作入门:怎么制作一个网页?-风君小屋帮我吧 03

接下来就开始编辑我们想要实现的内容,需要把代码编辑在<body>的标签中间。<h1>是标题标签,<p>是段落标签。

html网页制作入门:怎么制作一个网页?-风君小屋帮我吧 04

把我们刚刚编辑好的代码保存一下,Ctrl+s,或者点击软件上面的保存图标。

html网页制作入门:怎么制作一个网页?-风君小屋帮我吧 05

保存的时候,我们一定要选择保存类型,就是保存文件的后缀名,选择为html结尾的,不选择的话,默认不是html网页。

html网页制作入门:怎么制作一个网页?-风君小屋帮我吧 06

保存完之后,就会发现代码的样式就会有发生变化了,变成了淡蓝色,便于我们来编写代码。

html网页制作入门:怎么制作一个网页?-风君小屋帮我吧 07

如果你想要看代码的效果,找到刚刚保存软件的位置,双击打开预览效果。

html网页制作入门:怎么制作一个网页?-风君小屋帮我吧 08

结果如下图所示。

html网页制作入门:怎么制作一个网页?-风君小屋帮我吧 09

如果写网页的话,包含的内容就是比较多了,可以多添加一下代码。

html网页制作入门:怎么制作一个网页?-风君小屋帮我吧 html网页制作入门:怎么制作一个网页?-风君小屋帮我吧