html中的图片标签（路径问题）

最新推荐文章于 2021-06-10 15:50:38 发布

L&&

最新推荐文章于 2021-06-10 15:50:38 发布

阅读量224

点赞数

分类专栏： html和css

本文链接：https://blog.csdn.net/linrongyue888/article/details/108837694

版权

html和css 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>图片标签</title>
 </head>
 <body>


  <!--
   src属性配置的是图片的路径，目前我们所要使用的路径全都是相对路径。
   相对路径：
    相对路径指相对于当前资源所在目录的位置
    <img src="abc/bcd/2.gif" alt="这是一个大松鼠"/>

   可以使用../来返回一级目录,返回几级目录就写几个../
   <img src="../../img/2.gif" alt="这是一个大松鼠"/>
  -->
  <img src="../img/2.gif" alt="这是一个大松鼠"/>

  <!--
   图片的格式
    JPEG(JPG)
     - JPEG图片支持的颜色比较多，图片可以压缩，但是不支持透明
     - 一般使用JPEG来保存照片等颜色丰富的图片

    GIF
     - GIF支持的颜色少，只支持简单的透明，支持动态图
     - 图片颜色单一或者是动态图时可以使用gif

    PNG
     - PNG支持的颜色多，并且支持复杂的透明
     - 可以用来显示颜色复杂的透明的图片

   图片的使用原则：
    效果不一致，使用效果好的
    效果一致，使用小的
  -->

 </body>
</html>

L&&

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html中的图片标签（路径问题）

<!doctype html><html> <head> <meta charset="utf-8" /> <title>图片标签</title> </head> <body> <!-- src属性配置的是图片的路径，目前我们所要使用的路径全都是相对路径。相对路径：相对路径指相对于当前资源所在目录的位置 <img src="abc/bcd/2..
复制链接

扫一扫