html中img插入图片

最新推荐文章于 2024-03-20 22:45:42 发布

南夏繁笙

最新推荐文章于 2024-03-20 22:45:42 发布

阅读量6.1k

点赞数 3

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/weixin_45770470/article/details/109520115

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

加入新的文件夹在工作区后，新文件夹里的图片总是插不进去，终于顿悟。。。

html css 插入图片路径看的是相对自己而言。

关键是搞清楚图片与当前文件夹的相对位置关系。

几种常见情况:

<body>
        <div>
            <img src="banner2.png" alt="">
            <!-- 同一个文件夹下直接写即可 -->
        </div>
        <div>
            <img src="images/logo.png" alt="">
            <!-- 在与html文件同级的文件夹下 -->
        </div>
    <div>
        <img src="../picture/tb.jpg" alt="">
        <!-- 在html文件的上一级文件夹，注意这个/与直接复制路径的斜杠不一样 -->
    </div>
</body>

文件位置如下图所示：

最怕的是碌碌无为还安慰自己平凡可贵。

优惠劵

南夏繁笙

关注关注

3
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
html中img插入图片

加入新的文件夹在工作区后，新文件夹里的图片总是插不进去，终于顿悟。。。html css 插入图片路径看的是相对自己而言。关键是搞清楚图片与当前文件夹的相对位置关系。如果是与html在同一文件夹下<body> <div> <img src="banner2.png" alt="">  </div>
复制链接

扫一扫