零基础教你图片插入

1.图片一定要放到项目里的img文件夹下

2.图片的格式选择原则：在保证成像质量的情况下，文件大小越小越好

3.常见的图片格式有：jpeg、gif和png 最新的2种：svg、webp gif:

4.支持动画显示 png:

支持透明背景 jpeg或jpg: 颜色丰富 插入图片的格式:

<img src="img/huawei_logo.png"/>

5. 属性1: alt——当图片不能正常显示时，替换的文字，方便爬虫去捕获页面信息。

   属性2: title——鼠标悬停到图片上显示的文字。

6. 插入图片的格式

   1. 将图片保存到本地地址，在img文件中用

      <img src="img/1-1.png"/>
      

      2.使用svg代码插入图片

      直接粘贴到主页
      

      3.使用网址插入图片

      <img src="https://www.huawei.com/-/media/hcomponent-header/1.0.1.20260304161812/component/img/huawei_logo.png" />