Skip to content

Commit

Permalink
Update readme.md
Browse files Browse the repository at this point in the history
  • Loading branch information
KillerK committed Oct 6, 2022
1 parent 9d8cd54 commit b33b97a
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 5 deletions.
Binary file modified 07_Img/img/7-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 4 additions & 5 deletions 07_Img/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,14 +14,14 @@ WTF HTML 教程,总结/搬运自[MDN HTML 教程](<(https://developer.mozilla.

## `<img>`:图像嵌入元素

在 HTML 中,使用 [`<img>`] 元素可以将图像嵌入到页面中。
在 HTML 中,使用 `<img>` 元素可以将图像嵌入到页面中。

![超链接](./img/7-1.png)
![WTFAcademy logo](./img/7-1.png)

它的用法是:

```html
<img src="url" alt="description-text" />
<img src="url" alt="description_text" />
```

### `src` 属性是必须的,它包含了你想嵌入的图像的文件路径。
Expand All @@ -36,8 +36,7 @@ WTF HTML 教程,总结/搬运自[MDN HTML 教程](<(https://developer.mozilla.

`alt` 属性是不是必须的,它可以让浏览器无法载入图像时,展示 `alt` 属性中所写的文本描述。它的另一个用处是对于无障碍而言,屏幕阅读器会将这些描述读给需要使用阅读器的使用者听,让他们知道图像的含义。

> **浏览器并非总是会显示图像。比如:**
> **浏览器并非总是会显示图像,比如:**
> 1. 非可视化浏览器(Non-visual browsers)(比如有视力障碍的人使用的音频浏览器)
> 2. 用户选择不显示图像(比如为了节省带宽,或出于隐私等考虑不加载包括图片在内的第三方资源文件)
> 3. 图像文件无效,或是使用了不支持的格式在这些情况下,浏览器很可能会将图像替换为图像所属 <img> 元素的 alt 属性所提供的文本。
Expand Down

0 comments on commit b33b97a

Please sign in to comment.