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

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

使用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端,不建议修改图片的大小,需要多大的图片就裁多大。但是在移动端,经常需要对图片进行缩放(大部分情况都是大图缩小)

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐