7.html图片

最新推荐文章于 2024-07-13 15:41:17 发布

「已注销」

最新推荐文章于 2024-07-13 15:41:17 发布

阅读量67

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/m0_61216635/article/details/120071338

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img src="./图片/kobe.JPG" >
    <!-- 同一级别目录下图片 -->
    <img src="https://img2.baidu.com/it/u=3718759865,3894803747&fm=253&fmt=auto&app=120&f=JPEG?w=640&h=420" >
    <!-- 网站图片 -->
    

    <!--
        <img src="" alt="">
        src图片链接 
        alt图片描述（搜索引擎根据alt中的内容来识别图片，比方说用户需要搜索科比的图片时，浏览器就会显示出来这张图片） 
    -->
    
    
    <!-- 
        <img width="200"  src="" > 宽度 单位像素
        <img height="400"  src="" > 高度 单位像素
        宽度和高度修改其中一个，另一个会等比例缩放
        注意：pc端不建议修改图片大小，需要多大尺寸的图片就用多大的。
             但是移动端经常要缩放（大图缩小）。

        图片格式：
              jpeg（jgp）一般是照片，颜色丰富，不支持透明效果
              gif 动图，简单透明
              png 颜色丰富，复杂透明（专为网页而生）
              webp 谷歌专门为网页推出的，具备所有图片格式的优点（效果好内存小），但兼容性差
              base64 将图片使用base64编码，转化为字符的形式来引入图片。一般是需要图片和网页一起加载才会使用。
                     如何将图片转为base64？上网搜base64直接转化
     -->

</body>
</html>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
7.html图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <img src="./图片/kobe.JPG" >  <img src="https://img2.b.
复制链接

扫一扫