如何在 HTML 中显示图像?
在 HTML 中使用 <img> 标签来显示图像。以下是属性 -
属性 | 值 | 描述 |
---|---|---|
Align | top bottom middle left right | 已弃用 - 指定图像的对齐方式。 |
Alt | 文本 | 指定替代文本 |
Border | 像素 | 已弃用 - 指定图像边框的宽度。 |
crossorigin | anonymous use-credentials | 它允许来自允许跨源访问的第三方站点的图像与画布一起重用。 |
Height | 像素或 % | 指定图像的高度。 |
hspace | 像素 | 已弃用 - 要在对象左右两侧插入的空白量。 |
Ismap | URL | 将图像定义为服务器端图像映射。 |
Longdesc | 文本 | 已弃用 - 指定长描述的 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>
广告