一、img 标签简介

img标签是自闭和标签,属于行内元素,作用是向网页中嵌入一副图片

二、代码格式

src属性:它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。




html5 根据参数加载图片 html调用图片代码_Powered by 金山文档


成功页面:


html5 根据参数加载图片 html调用图片代码_显示图像_02


三、img标签基础

1.img标签 -> height属性和width属性

width属性:设置图像的宽。如果只设置宽度属性,则高度会等比例缩放。

height属性:设置图像的高。如果只设置高度属性,则宽度会等比例缩放。


html5 根据参数加载图片 html调用图片代码_缩放_03


2.img标签->alt属性和title属性

alt属性:如果无法显示图像,浏览器将显示替代文本。

title属性:鼠标放上时显示的提示文字。


html5 根据参数加载图片 html调用图片代码_缩放_04


title属性显示页面:


html5 根据参数加载图片 html调用图片代码_缩放_05


alt属性显示页面:


html5 根据参数加载图片 html调用图片代码_Powered by 金山文档_06