Skip to content

Commit

Permalink
use absolute links in image
Browse files Browse the repository at this point in the history
  • Loading branch information
fey committed Feb 5, 2025
1 parent cf9bb53 commit a47eedc
Show file tree
Hide file tree
Showing 7 changed files with 10 additions and 10 deletions.
6 changes: 3 additions & 3 deletions modules/25-media/10-img/ru/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,17 +20,17 @@
Для этого используется атрибут `alt`, значением которого является текст. Он будет показан при невозможности загрузить изображение

```html
<img src="https://example.com/images.png" alt="Аналитика компании за 2007 год">
<img src="https://i.imgur.com/g64f8to.png" alt="Логотип Code Basics">
```

Помимо функции «рассказать то, что не удалось показать» атрибут `alt` выполняет важнейшую роль для людей, которые пользуются скринридерами — программами для чтения информации с экрана. Так как изображение невозможно прочитать, то программы читают то, что было указано в атрибуте `alt`
Помимо функции «рассказать то, что не удалось показать» атрибут `alt` выполняет важнейшую роль для людей, которые пользуются скрин-ридерами — программами для чтения информации с экрана. Так как изображение невозможно прочитать, то программы читают то, что было указано в атрибуте `alt`

## Размеры изображения

Важной составляющей при работе с изображениями являются его размеры. При скачивании картинки со стороннего ресурса и её вставки на страницу, часто возникает ситуация, что изображение очень большое, и его нужно уменьшить. Для этого существуют атрибуты `width` и `height`, которые позволяют установить ширину и высоту для картинки.

```html
<img src="https://example.com/images.png" alt="Аналитика компании за 2007 год" width="320" height="240">
<img src="https://i.imgur.com/g64f8to.png" alt="Логотип Code Basics" width="320" height="240">
```

Картинка будет отображена в размере 320x240 пикселей.
Expand Down
2 changes: 1 addition & 1 deletion modules/45-semantics/20-semantics-header/ru/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

```html
<header>
<img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
<img src="https://i.imgur.com/g64f8to.png" alt="Логотип"> <!-- Логотип сайта -->
<div id="menu"> <!-- Меню -->
<ul>
<li><a href="/">Главная</a></li>
Expand Down
4 changes: 2 additions & 2 deletions modules/45-semantics/30-nav/ru/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

```html
<header>
<img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
<img src="https://i.imgur.com/g64f8to.png" alt="Логотип"> <!-- Логотип сайта -->
<div id="menu"> <!-- Меню -->
<ul>
<li><a href="/">Главная</a></li>
Expand All @@ -21,7 +21,7 @@

```html
<header>
<img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
<img src="https://i.imgur.com/g64f8to.png" alt="Логотип"> <!-- Логотип сайта -->
<nav> <!-- Меню -->
<ul>
<li><a href="/">Главная</a></li>
Expand Down
2 changes: 1 addition & 1 deletion modules/45-semantics/40-main/ru/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

```html
<header>
<img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
<img src="https://i.imgur.com/g64f8to.png" alt="Логотип"> <!-- Логотип сайта -->
<nav> <!-- Меню -->
<ul>
<li><a href="/">Главная</a></li>
Expand Down
2 changes: 1 addition & 1 deletion modules/45-semantics/50-section/ru/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@

```html
<header>
<img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
<img src="https://i.imgur.com/g64f8to.png" alt="Логотип"> <!-- Логотип сайта -->
<nav> <!-- Меню -->
<ul>
<li><a href="/">Главная</a></li>
Expand Down
2 changes: 1 addition & 1 deletion modules/45-semantics/60-article/ru/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

```html
<header>
<img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
<img src="https://i.imgur.com/g64f8to.png" alt="Логотип"> <!-- Логотип сайта -->
<nav> <!-- Меню -->
<ul>
<li><a href="/">Главная</a></li>
Expand Down
2 changes: 1 addition & 1 deletion modules/45-semantics/70-aside/ru/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

```html
<header>
<img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
<img src="https://i.imgur.com/g64f8to.png" alt="Логотип"> <!-- Логотип сайта -->
<nav> <!-- Меню -->
<ul>
<li><a href="/">Главная</a></li>
Expand Down

0 comments on commit a47eedc

Please sign in to comment.