HTML<img>标签

例子

如何插入图片:

Girl in a jacket

下面有更多“自己尝试”的示例。

定义和用法

标签用于在 HTML 页面中嵌入图像。

从技术上讲,图像并非插入网页;图像链接到网页。标签为引用的图像创建了一个保存空间。

标签具有两个必需属性:

src——指定图像的路径

alt - 如果图像由于某种原因无法显示,则指定图像的替代文本
注意:另外,请务必指定图像的宽度和高度。如果未指定宽度和高度,则图像加载时页面可能会闪烁。

提示:要将图像链接到另一个文档,只需将标签嵌套在标签内(参见下面的示例)。

支持的浏览器

属性

HTML<img>标签_第1张图片

全局属性

标签支持HTML中的全局属性。

事件属性

标签支持HTML中的事件属性。

更多示例

例子

对齐图像(使用CSS):

Smiley face
Smiley face
Smiley face
Smiley face
Smiley face

例子

添加图像边框(使用CSS):

Smiley face

例子

为图像添加左右边距(使用CSS):

Smiley face

例子

为图像添加顶部和底部边距(使用CSS):

Smiley face

例子

如何从另一个文件夹或其他网站插入图像:

Stickman
Lamp

例子

如何向图像添加超链接:


W3Schools.com

例子

如何创建带有可点击区域的图像地图。每个区域都是一个超链接:

Workplace


  Computer
  Phone
  Cup of coffee

你可能感兴趣的:(html,前端)