非零基础自学前端最后一遍一 HTML+CSS 2 HTML常见的元素 2.4 img元素的两个属性和可替换性

小咪咪 2024-03-26 19:34 36阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  2 HTML常见的元素
         *   *  2.4 img元素的两个属性和可替换性
             *   *  2.4.1 常见元素 - img元素

![在这里插入图片描述][b87a697aafae43fdbbbc5e69d447ec5e.png_pic_center]

#### 一 HTML+CSS ####

#### 2 HTML常见的元素 ####

##### 2.4 img元素的两个属性和可替换性 #####

###### 2.4.1 常见元素 - img元素 ######

*  我们应该如何告诉浏览器来显示一张图片呢？使用img元素。
 *  HTML <img> 元素将一份图像嵌入文档。
    
     *  img是image单词的所以，是图像、图像的意思；
     *  事实上img是一个可替换元素（ replaced element ）；
 *  img有两个常见的属性：
    
     *  src属性：source单词的缩写，表示源
        
         *  是必须的，它包含了你想嵌入的图片的文件路径。
     *  alt属性：不是强制性的，有两个作用
        
         *  作用一：当图片加载不成功（错误的地址或者图片资源不存在），那么会显示这段文本；
            
            ![在这里插入图片描述][84f835e3b6824d328c6683d784069ab6.png_pic_center]
         *  作用二：屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义；

> 某些其他属性目前已经不再使用
> 
>  *  比如width、height、border

[b87a697aafae43fdbbbc5e69d447ec5e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f984cf5f04494b3aab07cb339cb03211.png
[84f835e3b6824d328c6683d784069ab6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/29bdca8bd19f4ecb878d16224d6a29d7.png