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添加图片的代码
  • 热门搜索
    漳州东山岛旅游景点 福建莆田旅游 韩国旅游买什么最值 去英国旅游要多少钱 旅游情报 永嘉旅游景点大全 常熟旅游网园林卡充值 杭州旅游必去景点 肇庆有什么旅游景点 旅游线路设计方案