HBuilder怎么在HTML里面插入图片?

 时间:2026-02-14 09:17:40

1、打开电脑,运行HBuilder,如图所示

HBuilder怎么在HTML里面插入图片?

2、在HBuilder右侧新建一个web项目,如图所示

HBuilder怎么在HTML里面插入图片?

3、返回桌面,找到刚刚那个web项目,如图所示

HBuilder怎么在HTML里面插入图片?

4、在web项目里面,点击img的文件夹,如图所示

HBuilder怎么在HTML里面插入图片?

5、在此将图片放置,如图所示

HBuilder怎么在HTML里面插入图片?

6、返回HBuilder,点击index.html,如图所示

HBuilder怎么在HTML里面插入图片?

7、在右侧body内写下<img src=""/>的代码,如图所示

HBuilder怎么在HTML里面插入图片?

8、在src内,写入图片路径,Crtl+S保存,如图所示

HBuilder怎么在HTML里面插入图片?

9、保存后,点击上方的浏览器,如图所示

HBuilder怎么在HTML里面插入图片?

10、在浏览器中,显示出来即可,如图所示

HBuilder怎么在HTML里面插入图片?

  • 如何在HTML中插入图片
  • hbuilderx怎么加入图片
  • 在编写HTML时,怎样让DIV文字居中?
  • 如何使用HBuilder做一个横向导航栏
  • HTML中浮动效果是怎么做的
  • 热门搜索
    微信拍一拍怎么撤回 写信的格式怎么写 刘海怎么剪 ps怎么返回上一步 骨密度怎么检查 怎么下载歌曲到u盘 衣服染色怎么洗掉 自动取款机怎么取钱 猷怎么读 大写的二怎么写