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添加图片的代码
  • 热门搜索
    italian怎么读 光盘怎么刻录 皮带打孔器怎么用 怎么取消电脑密码 空调耗电量怎么计算 鼻孔大怎么办 乳腺囊肿是怎么回事 twice怎么读 胎心监测怎么看 哇怎么组词