如何在网页中加入图片

网页是一个文本文件，但是没办法加入音频或者视频，需要把外部图片引入网页中

图片标签用于向当前页面中引入一个外部的图片。

使用img标签来引入外部图片，img标签是一个自结束标签

         src属性指定的是外部图片的路径(路径规则和超链接是一样的)

<img src=“./img/图片文件”>【这是先将图片引入该编写网页的文件夹中的图片】

如果想引入别的网页中的图片，你可以右键直接复制图片地址

<img src=“复制过来”

从某种意义上讲img属于行内元素【但是！！】

img元素属于替换元素(块和行内元素之间，具有两种元素的特点)

alt属性    对图片的一个描述，这个描述默认情况下不会显示，有些浏览器会在图片无法加载时显示       搜索引擎会根据alt中的内容来识别图片，如果不写alt属性则图片不会被搜索引擎所收录。

<img src=“./img/1.gif"alt=“河马”>【假设导入图片为河马】

width指定图片的宽度(单位是像素)

假设调整上边河马照片的宽度用可以↓

<img width=“500” src=“./img/1.gif"alt=“河马”>

height指定图片的高度

                   宽度和高度中如果只修改了其中一个，则另一个会等比例缩放

【注意！！】

          一般情况在pc端，不建议修改图片的大小，需要多大的图片就裁多大。但是在移动端，经常需要对图片进行缩放(大部分情况都是大图缩小)