跳转至

图片

HTML <img> 元素将一份图像嵌入文档。 默认为行内元素,即display: inline

src属性

该属性是必须的,它包含了你想嵌入的图片的文件路径。

alt属性

该属性包含一条对图像的文本描述,这不是强制性的,但对可访问性而言,它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听,让他们知道图像的含义。如果由于某种原因无法加载图像,普通浏览器也会在页面上显示 alt 属性中的备用文本:例如,网络错误、内容被屏蔽或链接过期时。

height属性

图像的高度,在 HTML5 中的单位是 CSS 像素,在 HTML 4 中既可以是像素,也可以是百分比。可以只指定 width 和 height 中的一个值,浏览器会根据原始图像进行缩放。

width属性

图像的宽度,在 HTML5 中单位是 CSS 像素, 在 HTML 4 中可以是像素也可以是百分比。


示例

代码

1
<img src="https://pjmcode.top/static/image/favicon.png" width="300" alt="logo">

结果

logo

回到页面顶部