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添加图片的代码
  • 热门搜索
    红米note3怎么样 月亮可以代表我的心 页眉横线怎么添加 郴州旅游 贺州旅游景点 安徽建筑大学怎么样 剖腹产后多久可以生二胎 怎么让毛孔变小 昭通旅游 新疆旅游攻略