当前位置:趣知科普网>游戏数码>IT技术>

html网页制作入门:怎么制作一个网页?

IT技术 阅读(1.09W)

工具/材料

电脑一台

代码编辑软件(Notepad++)

操作方法

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

html网页制作入门:怎么制作一个网页?

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

html网页制作入门:怎么制作一个网页? 第2张

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

html网页制作入门:怎么制作一个网页? 第3张

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

html网页制作入门:怎么制作一个网页? 第4张

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

html网页制作入门:怎么制作一个网页? 第5张

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

html网页制作入门:怎么制作一个网页? 第6张

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

html网页制作入门:怎么制作一个网页? 第7张

结果如下图所示。

html网页制作入门:怎么制作一个网页? 第8张

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

html网页制作入门:怎么制作一个网页? 第9张
html网页制作入门:怎么制作一个网页? 第10张