html图片路径怎么写

 时间:2026-02-12 22:36:20

1、打开Visual Studio Code

打开Visual Studio Code软件,打开工作区空间,选择需要进行操作的文件夹,点击上方的新建文件选项

html图片路径怎么写

2、新建html文件

在弹出的文本框中给html文件命名,此时后缀名要以.html结尾

html图片路径怎么写

3、输入代码文件

在新建的.html文件中输入相应的html代码,输入插入图片的路径:路径形式为:<img src="图片文件夹名称/图片名称"/>

<img src="images/1.jpg"/>

html图片路径怎么写

4、查看代码效果

右击新建的html文件—>在弹出的选项卡中选择View In Browser选项

html图片路径怎么写

5、点击运行之后,在浏览器网页中显示出代码中插入图片的显示效果

html图片路径怎么写

  • 如何在HTML中插入图片
  • html轮播图怎么制作
  • HTML网页怎么设置圆角边框
  • HTML用代码制作虚线框方法
  • html添加图片的代码
  • 热门搜索
    河豚鱼的做法 邓禄普轮胎怎么样 wifi连接上不能上网怎么办 小乌龟怎么养 陈宝莲为什么自杀 新手机第一次怎么充电对电池好 冻干粉怎么使用才是正确的 阿拉善最近为什么火了 怎么制作视频短片 头发掉是为什么