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添加图片的代码
  • 热门搜索
    上海市商贸旅游 海南旅游购物 麦豆旅游网 绵阳旅游学校 无锡有哪些旅游景点 港澳旅游团 北戴河旅游网 山东日照旅游 疯狂旅游团台词 烟台长岛旅游攻略