当前位置:常识集 > 数码游戏 > IT技术 > html网页制作入门:怎么制作一个网页?
手机版

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

来源:常识集 阅读:1.1W 次

工具/材料

电脑一台

代码编辑软件(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张
本文链接:https://www.changshiji.com/smyx/itjishu/n1jd1.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。