首页 > 软件开发 > HTML >

如何使用HBuilder编写web网页

来源:互联网 2023-03-16 19:16:36 版权归原作者所有,如有侵权,请联系我们

HBuilder是非常常用的前端网页 编译器Euc办公区 - 实用经验教程分享!

HBuilder,功能强大,不需要手动输入 /> ,html css js 均可便捷调用Euc办公区 - 实用经验教程分享!

工具/原料

  • 下载 HBuilder 工具

方法/步骤

  • 1

    打开安装好的HBuilder软件,选择暂不登录 打开页面Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

  • 1
  • 2

    打开主页面后 选择 新建Web项目---填写你的项目名字---在下面选择你希望存储在的位置路径,建议不要放在C盘Euc办公区 - 实用经验教程分享!

    点击完成Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

  • 3

    在左边的项目管理器可以看到我们刚才新建的项目,百度经验---Euc办公区 - 实用经验教程分享!

    右键这个项目,选择新建---HTML文件---输入这个html文件的名字Euc办公区 - 实用经验教程分享!

    打开这个HTML文件可以看到一个标准的HTML结构Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

  • 4

    简单的添加几个标签Euc办公区 - 实用经验教程分享!

    style type="text/css"> CSS声明代买域Euc办公区 - 实用经验教程分享!

    body{ body标签样式Euc办公区 - 实用经验教程分享!

    background-color: burlywood;背景颜色Euc办公区 - 实用经验教程分享!

    }Euc办公区 - 实用经验教程分享!

    h2{ h2标签样式Euc办公区 - 实用经验教程分享!

    font-size: 90px; 字体大小Euc办公区 - 实用经验教程分享!

    text-align: center; 居中Euc办公区 - 实用经验教程分享!

    margin-top: 500px;距离顶部距离Euc办公区 - 实用经验教程分享!

    }Euc办公区 - 实用经验教程分享!

    /style>Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

    如何使用HBuilder编写web网页Euc办公区 - 实用经验教程分享!

  • 注意事项

    • 新建项目时要放在合适文件路径
    • 注意web项目标签成对出现

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


    标签: HTML

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