请问在Hbuilder里面怎么导入图片呢?

请问在Hbuilder里面怎么导入图片呢?

http://img1.sycdn.imooc.com//climg/5f335c42091283f205810175.jpg

如课程所讲。

我使用的是Hbulider。

http://img1.sycdn.imooc.com//climg/5f335c5c0993550205380287.jpg

而且我已经下载好课程相关图片。

http://img1.sycdn.imooc.com//climg/5f335c820943363b01710242.jpg

请问如何把img文件夹和index.html放置在相同路径下?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
慕妹8003063 2020-08-14 15:25:40

Hbuilder可以在项目上粘贴。比如你可以先找到图片,在图片上点“复制”,然后在你的Hbuilder项目“004”上面点粘贴,那个图片就粘贴到和你的index.html相同的文件夹下了。你可以打开“我的电脑”找到那个文件夹确认一下。

好帮手慕言 2020-08-12 18:30:40

同学你好,老师使用的是vscode编辑器,不过使用哪个编辑器对编程都没有影响。

1、可以在桌面上按下鼠标右键,选择新建,点击文件夹

http://img1.sycdn.imooc.com//climg/5f33c3b8093ae6cd06490724.jpg

2、可以自定义文件夹名字,尽量使用英文命名,例如demo

3、看同学的桌面上有img文件夹,使用鼠标拖动img文件夹,放到新建的demo文件夹中

4、看同学的文件中也有html文件,之前怎么新建的html文件,现在就怎么新建。

5、把demo文件夹拖放到编辑器中进行编辑即可。

如果同学不了解hbuilder编辑器的使用,建议同学换一个编辑器,例如vscode,关于vscode编辑器,有一个免费课,同学可以学习下

https://www.imooc.com/learn/1106

祝学习愉快

  • 提问者 慕盖茨9513023 #1
    我知道了,我直接查询了Hbuilder所建的文件夹的位置,然后把demo文件夹(其中包含img文件夹)给放进去了,之后再创建html文件,跟img并列,放在demo文件夹里面。就可以使用了。谢谢。
    2020-08-13 10:27:26
好帮手慕言 2020-08-12 11:51:34

同学你好,解答如下:

1、可以新建一个文件夹,例如文件名为demo

2、把html文件和img文件夹都放在demo文件夹中

如下:

http://img1.sycdn.imooc.com//climg/5f336702092b349a07980242.jpg

3、在html中使用图片,例如:

http://img1.sycdn.imooc.com//climg/5f33673b09c0dfe614860565.jpg

同学可以测试下。祝学习愉快~

  • 提问者 慕盖茨9513023 #1
    哦哦,直接在任意地方新建文件夹,然后Hbuilder里面打开就可以了吗?
    2020-08-12 15:04:52
  • 提问者 慕盖茨9513023 #2
    可以说的再详细一些吗?我用Hbuilder打开不是老师您所说的样子?用Hbuilder怎么新建文件夹呀?怎么在新建文件夹里面添加图片和html文件呢?
    2020-08-12 15:14:24
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师