首页 > 软件开发 > 编程语言 >

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

来源:互联网 2023-03-17 00:18:37 225

随着web前端的兴起,html技术的迭代更新。html5诞生后,一些适应它的软件也诞生了。本篇将会介绍,如何用简易好用的软件,编写html静态网页。dQS办公区 - 实用经验教程分享!

工具/原料

  • DW或Hbuilder,css3基础知识

方法/步骤

  • 1

    首先你需要下载一个专门制作静态网页的软件。dQS办公区 - 实用经验教程分享!

    Dreamweaver或者hbuilder。dQS办公区 - 实用经验教程分享!

    如何用html5技术编写静态网页?dQS办公区 - 实用经验教程分享!

  • 2

    以hbuilder为例。下载完毕后打开软件,观察菜单栏。dQS办公区 - 实用经验教程分享!

    如何用html5技术编写静态网页?dQS办公区 - 实用经验教程分享!

  • 3

    新建一个web项目之后可以看到左边增加了一个文件夹。dQS办公区 - 实用经验教程分享!

    原始状态下已经为你建立了一个html文件。dQS办公区 - 实用经验教程分享!

    如何用html5技术编写静态网页?dQS办公区 - 实用经验教程分享!

    如何用html5技术编写静态网页?dQS办公区 - 实用经验教程分享!

  • 4

    接下来转移到css文件夹新建一个css文件,并命名。dQS办公区 - 实用经验教程分享!

    如何用html5技术编写静态网页?dQS办公区 - 实用经验教程分享!

    如何用html5技术编写静态网页?dQS办公区 - 实用经验教程分享!

  • 5

    然后再html中链接这个css文件,即可在css文件中,书写网页的样式等等。dQS办公区 - 实用经验教程分享!

  • 6

    最后根据所学习过的html5 css3知识。即可编写属于自己的静态网页。dQS办公区 - 实用经验教程分享!

    完成之后可以单击用浏览器打开查看效果。dQS办公区 - 实用经验教程分享!

  • 6该信息未经授权抓取自百度经验
  • 注意事项

    • 下载软件到官方下载

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!dQS办公区 - 实用经验教程分享!


    标签: HTML编程语言

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码