如何在 HTML 中显示图像?
在 HTML 中使用 <img> 标签来显示图像。以下是属性:-
属性 | 值 | 描述 |
---|---|---|
Align | top bottom middle left right | 已弃用 - 指定图像的对齐方式。 |
Alt | text | 指定备用文本 |
Border | 像素 | 已弃用 - 指定图像边框的宽度。 |
crossorigin | anonymous use-credentials | 它允许从允许跨源访问的第三方站点获取的图像与画布一起重复使用。 |
Height | 像素或 % | 指定图像的高度。 |
hspace | 像素 | 已弃用 - 要在对象左右插入的空白量。 |
Ismap | URL | 将图像定义为服务器端图像映射。 |
Longdesc | text | 已弃用 - 指定长描述的 URI/URL - 这可以详细说明使用 alt 属性指定的较短描述。 |
Src | URL | 图像的 URL |
Usemap | #mapname | 将图像定义为客户端图像映射,并与 <map> 和 <area> 标签一起使用。 |
Vspace | 像素 | 已弃用 - 要在对象的顶部和底部插入的空白量。 |
Width | 像素或 % | 以像素或 % 设置图像的宽度。 |
示例
您可以尝试运行以下代码将图像添加到网页文档中:-
<!DOCTYPE html> <html> <head> <title>HTML img Tag</title> </head> <body> <img src = "https://tutorialspoint.com/html5/images/html5-mini-logo.jpg" alt = "Learn HTML5" height = "250" width = "270" /> </body> </html>
广告