[ru] improve Learn/HTML/Introduction_to_HTML/Creating_hyperlinks translation

files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md

@@ -5,21 +5,33 @@ slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
 
 {{LearnSidebar}}{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals", "Learn/HTML/Introduction_to_HTML/Advanced_text_formatting", "Learn/HTML/Introduction_to_HTML")}}
 
-Гиперссылки действительно важны — они делают Интернет Интернетом. В этой статье представлен синтаксис, необходимый для создания ссылки, а также обсуждаются лучшие практики обращения со ссылками.
-
-| Предварительные требования: | Базовое знакомство с HTML, описанное в статье [Начало работы c HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%9D%D0%B0%D1%87%D0%B0%D0%BB%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B). Форматирование текста в HTML, описанное в статье [Основы редактирования текста в HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/HTML_text_fundamentals). |
-| --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Задача:                     | Научиться эффективно использовать гиперссылки и связывать несколько файлов вместе.                                                                                                                                                                                                                                                                                                                                                 |
+Гиперссылки очень важны — именно они делают Интернет _сетью_. В этой статье представлен синтаксис, необходимый для создания ссылки, а также обсуждаются лучшие практики обращения со ссылками.
+
+<table>
+  <tbody>
+    <tr>
+      <th scope="row">Предварительные требования:</th>
+      <td>
+        Базовое знание HTML, описанное в разделе <a href="/ru/docs/Learn/HTML/Introduction_to_HTML/Getting_started">«Начало работы с HTML»</a>. Знакомство с форматированием текста, которое описано в разделе
+        <a href="/ru/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">«Основы редактирования текста в HTML»</a>.
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Задача:</th>
+      <td>Научиться эффективно использовать гиперссылки и связывать несколько файлов вместе.</td>
+    </tr>
+  </tbody>
+</table>
 
 ## Что такое гиперссылка?
 
-Гиперссылки — одно из самых интересных нововведений Интернета. Они были особенностью Сети с самого начала, но именно они превращают Интернет в Интернет. Они позволяют нам связывать наши документы с любым другим документом (или ресурсом), с которым мы хотим. С их помощью мы также можем связывать документы с их конкретными частями, и мы можем сделать приложения доступными на простом веб-адресе (сравните это с локальными приложениями, которые должны быть установлены, и другими такими же вещами). Почти любой веб-контент может быть преобразован в ссылку, так что когда вы кликаете по ней (или иным образом активируете), она заставляет веб-браузер перейти на другой веб-адрес ({{glossary("URL")}}.)
+Гиперссылки — одно из самых интересных нововведений Интернета. Они были особенностью Сети с самого начала, но именно они превращают Интернет в Интернет. Они позволяют нам связывать наши документы с любым другим документом (или ресурсом), с которым мы хотим. С их помощью мы также можем связывать документы с их конкретными частями, и мы можем сделать приложения доступными на простом веб-адресе (сравните это с локальными приложениями, которые должны быть установлены, и другими такими же вещами). Почти любой веб-контент может быть преобразован в ссылку, так что когда вы кликаете по ней (или иным образом активируете), она заставляет веб-браузер перейти на другой веб-адрес ({{glossary("URL")}}).
 
 > **Примечание:** URL-адрес может указывать на файлы HTML, текстовые файлы, изображения, текстовые документы, видео и аудиофайлы и все остальное, что может жить в Интернете. Если веб-браузер не знает, как отображать или обрабатывать файл, он спросит вас, хотите ли вы открыть файл (в этом случае обязанность открытия или обработки файла передаётся в соответствующее локальное приложение на устройстве) или загрузить файл (в этом случае вы можете попытаться разобраться с ним позже).
 
 Например, домашняя страница BBC содержит большое количество ссылок, которые указывают не только на множество новостей, но и на различные области сайта (меню), страницы входа / регистрации (пользовательские инструменты) и многое другое.
 
-![frontpage of bbc.co.uk, showing many news items, and navigation menu functionality](bbc-homepage.png)
+![Главная страница bbc.co.uk, показывающая множество новостей и функциональность меню навигации.](updated-bbc-website.png)
 
 ## Анатомия ссылки
 
@@ -32,29 +44,44 @@ slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
 </p>
 ```
 
-Это дало нам следующий результат:
-
+Это дало нам следующий результат:\
 Я создал ссылку на [домашнюю страницу Mozilla](https://www.mozilla.org/ru/).
 
-### Добавляем информацию через атрибут title
+### Блочные ссылки
 
-Другим атрибутом, который вы можете добавить к своим ссылкам, является — `title`. Он предназначен для хранения полезной информации о ссылке. Например, какую информацию содержит страница или другие вещи, о которых вам нужно знать. Например:
+Как упоминалось ранее, вы можете превратить любой элемент в ссылку, даже {{Glossary("Block/CSS", "блочный элемент")}}. Если вы хотите превратить заголовок в ссылку, то оберните его в элемент (`<a>`):
 
 ```html
+<a href="https://developer.mozilla.org/ru/">
+  <h1>MDN Web Docs</h1>
+</a>
+<p>
+  Документируем веб-технологии, включая CSS, HTML и JavaScript, с 2005 года.
+</p>
+```
+
+This turns the heading into a link:
+{{EmbedLiveSample('Блочные ссылки', '100%', 150)}}
+
+### Добавляем информацию с помощью атрибута title
+
+Другим атрибутом, который вы можете добавить к своим ссылкам, является — `title`. Он предназначен для хранения полезной информации о ссылке. Например, какую информацию содержит страница или другие вещи, о которых вам нужно знать. Например:
+
+```html-nolint
 <p>
   Я создал ссылку на
   <a
     href="https://www.mozilla.org/ru/"
     title="Лучшее место для поиска дополнительной информации
-     о миссии Mozilla и о том, как внести свой вклад"
+           о миссии Mozilla и о том, как внести свой вклад"
     >домашнюю страницу Mozilla </a
   >.
 </p>
 ```
 
 Вот что получилось (описание появится, если навести курсор на ссылку):
 
-Я создал ссылку на [домашнюю страницу Mozilla](https://www.mozilla.org/ru/).
+{{EmbedLiveSample('Добавляем информацию с помощью атрибута title', '100%', 150)}}
 
 > **Примечание:** Описание из атрибута title отображается только при наведении курсора, значит люди, полагающиеся на клавиатурные элементы управления для навигации по веб-страницам, будут испытывать трудности с доступом к информации, которую содержит title. Если информация заголовка действительно важна для удобства использования страницы, то вы должны представить её таким образом, который будет доступен для всех пользователей, например, поместив её в обычный текст.
 
@@ -66,20 +93,6 @@ slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
 - Теперь превратите некоторые фрагменты документа в ссылки.
 - Добавьте ссылкам атрибут `title`.
 
-### Ссылки-блоки
-
-Как упоминалось ранее, вы можете превратить любой элемент в ссылку, даже [блочный элемент](/en-US/Learn/HTML/Introduction_to_HTML/Getting_started#Block_versus_inline_elements). Если у вас есть изображение, которые вы хотели бы превратить в ссылку, вы можете просто поместить изображение между тегами `<a></a>.`
-
-```html
-<a href="https://www.mozilla.org/ru/">
-  <img
-    src="mozilla-image.png"
-    alt="логотип mozilla со ссылкой на их домашнюю страницу" />
-</a>
-```
-
-> **Примечание:** вы узнаете гораздо больше об использовании изображений в Интернете в следующей статье.
-
 ## Краткое руководство по URL-адресам и путям
 
 Чтобы полностью понять адреса ссылок, вам нужно понять несколько вещей про URL-адреса и пути к файлам. Этот раздел даст вам информацию, необходимую для достижения этой цели.
@@ -312,15 +325,3 @@ _**Плохой** текст ссылки:_ [Нажми сюда](https://firefo
 Этой информации достаточно для создания ссылок! Вы вернётесь к ссылкам позже, когда начнёте изучать стили. Дальше вы рассмотрите семантику текста и более сложные и необычные возможности, которые будут полезны при создании контента сайта. В следующей главе будет рассматриваться продвинутое форматирование текста.
 
 {{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals", "Learn/HTML/Introduction_to_HTML/Advanced_text_formatting", "Learn/HTML/Introduction_to_HTML")}}
-
-## В этом модуле
-
-- [Начало работы с HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%9D%D0%B0%D1%87%D0%B0%D0%BB%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B)
-- [Что такое заголовок? Метаданные в HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/The_head_metadata_in_HTML)
-- [Основы редактирования текста в HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/HTML_text_fundamentals)
-- [Создание гиперссылок](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%81%D1%81%D1%8B%D0%BB%D0%BE%D0%BA)
-- [Углублённое форматирование текста](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Advanced_text_formatting)
-- [Структура документа и веб-сайта](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%A1%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B0_%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0_%D0%B8_%D0%B2%D0%B5%D0%B1-%D1%81%D0%B0%D0%B9%D1%82%D0%B0)
-- [Отладка HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Debugging_HTML)
-- [Разметка письма](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Marking_up_a_letter)
-- [Структурируем страницу](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Structuring_a_page_of_content)