养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何用html5技术编写静态网页

时间:2024-10-22 13:59:22

随着web前端的兴起,html技术的迭代更新。html5诞生后,一些适应它的软件也诞生了。本篇将赦闺尴蚯会介绍,如何用简易好用的软件,编写html静态网页。

工具/原料

DW或Hbuilder,css3基础知识

方法/步骤

1、首先你需要下载一个专门制作静态网页的软件。Dreamweaver或者hbuilder。

如何用html5技术编写静态网页

2、以hbuilder为例。下载完毕后打开软件,观察菜单栏。

如何用html5技术编写静态网页

3、新建一个web项目之后可以看到左边增加了一个文件夹。原始状态下已经为你建立了一个html文件。

如何用html5技术编写静态网页

如何用html5技术编写静态网页

4、接下来转移到css文件夹新建一个css文件,并命名。

如何用html5技术编写静态网页

如何用html5技术编写静态网页

5、然后再html中链接这个css文件,即可在css文件中,书写网页的样式等等。

6、最后根据所学习过的html5+cs衡痕贤伎s3知识。即可编写属于自己的静态网页。完成之后可以单击用浏览器打开查看效果。

© 一点知识