代码拉取完成，页面将自动刷新
如何插入图像：
<img src="../assets/editors-001.png" alt="Girl in a jacket" height="300">
<img> 标签用于在 HTML 页面中嵌入图像。
从技术上讲，图像不会插入网页； 图像链接到网页。 <img> 标签为引用的图像创建一个保存空间。
<img> 标签有两个必需的属性：
注意： 此外，请始终指定图像的宽度和高度。 如果未指定宽度和高度，则在加载图像时页面可能会闪烁。
提示： 要将图像链接到另一个文档，只需将 <img> 标记嵌套在 标记内（参见下面的示例）。
| Element |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <img> | Yes | Yes | Yes | Yes | Yes |
| 属性 | 值 | 描述 |
|---|---|---|
| alt | text | 指定图像的替代文本 |
| crossorigin | anonymous use-credentials |
允许使用允许跨域访问的第三方站点的图像canvas |
| height | pixels | 指定图像的高度 |
| ismap | ismap | 将图像指定为服务器端图像映射 |
| loading | eager lazy |
指定浏览器应该立即加载图像还是推迟加载图像直到满足某些条件 |
| longdesc | URL | 指定图像详细描述的 URL |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url |
指定在获取图像时要使用的引荐来源信息 |
| sizes | sizes | 指定不同页面布局的图像大小 |
| src | URL | 指定图像的路径 |
| srcset | URL-list | 指定在不同情况下使用的图像文件列表 |
| usemap | #mapname | 将图像指定为客户端图像映射 |
| width | pixels | 指定图像的宽度 |
<img> 标签支持 HTML 中的全局属性。
<img> 标签支持 HTML 中的事件属性。
Align image (with CSS):
<img src="../assets/chrome.svg" alt="Smiley face" width="42" height="42" style="vertical-align:bottom">
<img src="../assets/chrome.svg" alt="Smiley face" width="42" height="42" style="vertical-align:middle">
<img src="../assets/chrome.svg" alt="Smiley face" width="42" height="42" style="vertical-align:top">
<img src="../assets/chrome.svg" alt="Smiley face" width="42" height="42" style="float:right">
<img src="../assets/chrome.svg" alt="Smiley face" width="42" height="42" style="float:left">
添加图像边框（使用 CSS）：
<img src="../assets/chrome.svg" alt="Smiley face" width="42" height="42" style="border:5px solid black">
为图像添加左右边距（使用 CSS）：
<img src="../assets/chrome.svg" alt="Smiley face" width="42" height="42" style="vertical-align:middle;margin:0px 50px">
为图像添加顶部和底部边距（使用 CSS）：
<img src="../assets/chrome.svg" alt="Smiley face" width="42" height="42" style="vertical-align:middle;margin:50px 0px">
如何从另一个文件夹或另一个网站插入图像：
<img src="../assets/chrome.svg" alt="Stickman" width="24" height="39">
<img src="../assets/sublime_text.png" alt="Lamp" width="32" height="32">
如何为图片添加超链接：
<a href="https://github.com/jaywcjlove/html-tutorial">
<img src="../assets/sublime_text.png" alt="HTML Tutorial" width="100" height="132">
</a>
如何创建带有可点击区域的图像地图。 每个区域都是一个超链接：
<img src="../assets/sublime_text.png" alt="Workplace" usemap="#workmap" width="400" height="379">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="iframe" href="iframe.html">
<area shape="rect" coords="290,172,333,250" alt="footer" href="footer.htm">
<area shape="circle" coords="337,300,44" alt="embed Tag" href="embed.htm">
</map>
HTML 教程: HTML Images
大多数浏览器将显示具有以下默认值的 <img> 元素：
img {
display: inline-block;
}
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。