首页 > 软件开发 > HTML >

html三页如何连接在一起

来源:互联网 2023-03-16 19:17:32 162

html三页如何连接在一起?WA4办公区 - 实用经验教程分享!

html三页如何连接在一起WA4办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • HBuilderX

方法/步骤

  • 1

    打开HBuilderX软件,如图所示:WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

  • 1本页面未经许可获取自百度经验
  • 2

    点击菜单栏文件-->新建-->项目,如图所示:WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

  • 3

    输入项目名称,选中创建基本的html项目,然后点击创建按钮,如图所示:WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

  • 4

    项目创建成功之后,鼠标选中该项目鼠标右键菜单新建--html文件,WA4办公区 - 实用经验教程分享!

    创建三个html文件分别是index1.html、index2.html、index3.htmlWA4办公区 - 实用经验教程分享!

    如图所示:WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

  • 5

    创建完成之后,分别在三个页面键入一下区别的代码,如图所示:WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

  • 6

    然后在index.html文件中使用已经创建好的html,如图所示:WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

  • 7

    然后点击运行--->浏览器运行,如图所示:WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

  • 8

    在浏览器中查看效果,可以看到三个页面已经连接在一起,如图所示:WA4办公区 - 实用经验教程分享!

    html三页如何连接在一起WA4办公区 - 实用经验教程分享!

  • 注意事项

    • 总结:
    • 1、打开HBuilderX软件新建一个html项目,在项目总新建三个html文件
    • 2、分别在三个html页面键入一些区别代码
    • 3、然后在另一个html页面使用三个页面
    • 4、点击浏览器运行查看连接效果

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


    标签: HTML

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