fix(guide): simplify directory structure

guide/russian/certifications/responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form/index.md

@@ -0,0 +1,18 @@
+title: Add a Submit Button to a Form	
+localeTitle: undefined
+---	## Добавить кнопку отправки в форму
+
+В этой задаче вы хотите вставить кнопку отправки в качестве последнего элемента формы (непосредственно перед закрывающим тегом `</form>` ) и присвоить ей атрибут `type="submit"` (все в нижнем регистре) и текстовое содержимое "Отправить "(первая буква в верхнем регистре), как указано в команде вызова.
+
+1) значение `submit` из атрибута `type` действует также внутри `input` тега , и он будет оказывать кнопку с почти таким же поведением, но это не тег вы хотите использовать в этой проблеме.
+```
+<input type="submit"> 
+```
+
+Если вы не укажете значение, кнопка будет иметь значение по умолчанию, выбранное вашим пользовательским агентом (обычно это что-то вроде «Отправить» или «Отправить запрос»).
+
+Если вы хотите указать значение типа «Отправить запрос», вы можете сделать это следующим образом:
+```
+<input type="submit" value="Send Request"> 
+
+```

guide/russian/certifications/responsive-web-design/basic-html-and-html5/add-images-to-your-website/index.md

@@ -0,0 +1,11 @@
+---
+title: Add Images to Your Website
+localeTitle: Добавить изображения на свой сайт
+---
+## Добавить изображения на свой сайт
+
+Атрибуты - это пары ключевых значений, вставленные в тег. Синтаксис `<tag key1="value1" key2="value2"> </tag>` или, в случае самозакрывающихся тегов, `<tag key1="value1" key2="value2" />` - обратите внимание, что пары разделенных символом пробела, а не запятой.
+
+### Ресурсы
+
+*   [HTML-атрибуты](https://guide.freecodecamp.org/html/attributes)

guide/russian/certifications/responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field/index.md

@@ -0,0 +1,14 @@
+---
+title: Add Placeholder Text to a Text Field
+localeTitle: Добавить текст заполнителя в текстовое поле
+---
+## Добавить текст заполнителя в текстовое поле
+
+`placeholder` - это атрибут, а не тег. Он может использоваться вместе с `text` атрибута `input` тега для создания текста для визуализации, когда поле ввода пуст.
+
+Если вы застряли, проверьте эти проблемы:
+
+*   вы должны добавить атрибут `placeholder` в тег `input` уже присутствующий в коде, не удаляя ничего; если случайно вы удалили или модифицировали что-то помните, что вы можете перезапустить с помощью чистого кода, нажав кнопку `reset all code`
+*   синтаксис одинаковый для каждого атрибута: `<tag attributeName="attributeValue" >` а значение для вставки указано инструкциями вызова (проверка на наличие опечаток).
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default/index.md

@@ -0,0 +1,11 @@
+---
+title: Check Radio Buttons and Checkboxes by Default
+localeTitle: Проверьте радио кнопки и флажки по умолчанию
+---
+## Проверьте радио кнопки и флажки по умолчанию
+
+`checked` атрибут, исключительно используемый с `type="radio"` и флажком `type="checkbox"` , является логическим атрибутом (вы можете проверить запрос на `required` атрибут, также логический, по этой ссылке: [используйте html5 для запроса поля](https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field/) ).
+
+В качестве логического атрибута вам просто нужно добавить слово, `checked` во `input` элемент HTML, который вы хотите установить, по умолчанию (задача требует, чтобы по умолчанию был _установлен первый_ флажок и радиокнопки, уже присутствующие в коде).
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/comment-out-html/index.md

@@ -0,0 +1,18 @@
+---
+title: Comment out HTML
+localeTitle: Комментарий HTML
+---
+## Комментарий HTML
+
+Синтаксис комментариев одинаковый для любого другого элемента HTML:
+
+Пример:
+```
+<!-- code --> 
+```
+
+subElement | Описание ---------- | ----------- `<!--` | Открытие тега код | Комментируемый текст `-->` | Закрывающий тег
+
+Если вы хотите прокомментировать некоторые элементы в коде, который вы хотите поместить в элемент комментария, создайте перед ним тег открытия и закрывающий тег сразу после.
+
+Повеселись!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list/index.md

@@ -0,0 +1,29 @@
+---
+title: Create a Bulleted Unordered List
+localeTitle: Создать маркированный неупорядоченный список
+---
+## Создать маркированный неупорядоченный список
+
+Чтобы передать вызов, первая операция, которую вы должны выполнить, - удалить элементы `p` со всем их содержимым.
+
+После этого вы должны реализовать список: он должен содержать по крайней мере три элемента `li` внутри элемента `ul` и эти `li` должны быть на одном уровне, а не вложены друг в друга:
+
+Верный:
+```
+<ul> 
+  <li></li> 
+  <li></li> 
+ </ul> 
+```
+
+Неправильно:
+```
+<ul> 
+  <li> 
+    <li> 
+    </li> 
+  </li> 
+ </ul> 
+```
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/create-a-form-element/index.md

@@ -0,0 +1,13 @@
+---
+title: Create a Form Element
+localeTitle: Создание элемента формы
+---
+A `<form>` - это элемент, используемый для сбора информации непосредственно с входа пользователя. Когда вы используете этот HTML-элемент, вы определяете раздел, используемый для сбора пользовательских вариантов.
+
+Внутри этого элемента HTML вы можете вставить несколько тегов `input` , используемых для сбора данных по-разному в зависимости от атрибута `type` .
+
+Все эти данные будут отправлены на страницу , указанную в `action` атрибута формы. Это просто относительный путь, который указывает страницу, которая ожидает получить эти данные.
+
+В этой задаче у вас уже есть элемент `input` . Все, что вам нужно сделать, это обернуть вокруг него тег `form` . Не забывайте атрибут `action` . Используйте значение, указанное вызовом (doublecheck the syntax).
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes/index.md

@@ -0,0 +1,13 @@
+---
+title: Create a Set of Checkboxes
+localeTitle: Создать набор флажков
+---
+## Создать набор флажков
+
+Атрибут `type="checkbox"` работает в основном так, как это делает атрибут `type="radio"` : основное отличие заключается в том, что флажки используются для сбора одного выбора OR MORE, используются радиокнопки, когда вы хотите эксклюзивные выборы (один OR другой).
+
+Атрибут `name` указывает группу, к которой принадлежит флажок, и быть частью группы упростит управление данными на стороне сервера.
+
+Чтобы решить эту задачу, вам нужно создать три `input` элемента HTML с атрибутом `type="checkbox"` и с атрибутом `name` установленным на `"personality"` (вопросы капитализации); текстовое содержимое этикетки зависит от вас.
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons/index.md

@@ -0,0 +1,17 @@
+---
+title: Create a Set of Radio Buttons
+localeTitle: Создание набора кнопок радиосвязи
+---
+## Создание набора кнопок радиосвязи
+
+Чтобы решить эту задачу, вы можете разбить ее на части, чтобы лучше понять шаги:
+
+*   Создайте «контейнеры»: сложите два элемента `label` и дайте им текстовое содержимое, которое задает вам вызов (у вас должен быть текст «закрытый», «открытый», вопрос капитализации);
+    
+*   Создайте «контент»: радиокнопка - это только элемент `input` с `type=radio` (создайте два из них);
+    
+*   Создайте _группу_ радиокнопок: дайте обе свои радиокнопки `name` атрибута, установленное на одно и то же значение (в инструкциях по вызову указано, что группа должна быть названа `indoor-outdoor` );
+    
+*   Установите каждый переключатель в ярлыке;
+    
+    Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/create-a-text-field/index.md

@@ -0,0 +1,15 @@
+---
+title: Create a Text Field
+localeTitle: Создание текстового поля
+---
+## Создание текстового поля
+
+`input` может быть классифицирован как общий тег: на самом деле он характеризуется своим `type` атрибута, который может принимать диапазон различных значений и основываться на этом значении, тогда `input` будет отображаться как другой объект.
+
+Несколько примеров различных значений `type` :
+
+значение типа | код - | - текст | `<input type="text" />` флажок | `<input type="checkbox" />` радио | `<input type="radio" />` кнопка | `<input type="button" />` ...
+
+Задача требует, чтобы вы установили тег `input` с типом, установленным в `text` без изменения существующего кода; если что-то пошло не так, дважды проверьте теги тега (поскольку `input` самозакрывается, вам нужен только один тег, а не пара open-close). Если вы изменили или удалили некоторые части предоставленного кода, вы можете перезапустить его с помощью кнопки `reset all code` .
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/create-an-ordered-list/index.md

@@ -0,0 +1,19 @@
+---
+title: Create an Ordered List
+localeTitle: Создание упорядоченного списка
+---
+## Создание упорядоченного списка
+
+Иногда люди переубеждают этот вызов: упорядоченные списки имеют тот же самый шаблон неупорядоченных, он просто меняет тег: `<ul>` для неупорядоченного, `<ol>` для упорядоченного.
+
+Различный эффект заключается в том, что у одного есть пули, у другого - числа (или другие прогрессивные метки):
+
+тип | код | эффект - | - | - неупорядоченный | `<ul><li>Bulleted item</li></ul>` |
+
+*   Маркированный товар
+
+заказ | `<ol><li>Numbered item</li></ol>` |
+
+1.  Нумерованный объект
+
+Если вы не помните, как работают списки, вы можете просмотреть прошлую задачу: [создать маркированный неупорядоченный список](https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list) .

guide/russian/certifications/responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document/index.md

@@ -0,0 +1,13 @@
+---
+title: Declare the Doctype of an HTML Document
+localeTitle: Объявить Doctype HTML-документа
+---
+## Объявить Doctype HTML-документа
+
+Объявление Doctype должно быть в первой строке, поскольку оно дает инструкции браузеру о том, как интерпретировать следующие строки кода.
+
+За ним может следовать элемент `<html>` , даже если это не обязательно; это корневой элемент документа, и если вы его не напишете, большинство браузеров это выведет. Однако, это хорошая практика, чтобы написать это явно.
+
+Все ваши html-элементы должны быть вложены внутри `<html>` one: в этом вызове вам предлагается использовать элемент `<h1>` с содержимым по вашему выбору.
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document/index.md

@@ -0,0 +1,18 @@
+---
+title: Define the Head and Body of an HTML Document
+localeTitle: Определение заголовка и тела документа HTML
+---
+## Определение заголовка и тела документа HTML
+
+Элемент `head` используется для группировки всех метаданных документа, `body` для отображения содержимого документа.
+
+В `head` вы можете найти любой тег, используемый для _описания_ документа: какой язык он будет использовать, какие правила стиля (через ссылку стилей), его название, литеральное описание, ...  
+Во всяком случае, ничто внутри элемента `head` не будет отображаться на странице: вы можете увидеть заголовок и значок, как правило, на вкладке браузера или на панели закладок, но это не _страница_ , это связанный с ней элемент браузера.
+
+`body` напротив, содержит все, что отображается на странице: возможно, не только это, но и все это.
+
+Задача дает вам простую страницу html и просит вас вставлять элементы `head` и `body` html в нужное место; другими словами, вы должны обернуть `<body></body>` все элементы, которые вы видите, отображаемые в правой части страницы, и оберните `<head></head>` все описательное.
+
+Помните, что `head` и `body` должны быть `<html>` элементами элемента `<html>` .
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/delete-html-elements/index.md

@@ -0,0 +1,11 @@
+---
+title: Delete HTML Elements
+localeTitle: Удалить элементы HTML
+---
+## Удалить элементы HTML
+
+Чтобы удалить элемент HTML, вы должны удалить его подэлементы: содержимое, что бы оно ни было, можно сохранить, поскольку оно не является репрезентативным для любого элемента HTML.
+
+Помните: если какой-либо код, кроме части, которую вы попросили изменить, был изменен, вы можете перезапустить свой вызов, нажав кнопку `reset all code` .
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text/index.md

@@ -0,0 +1,9 @@
+---
+title: Fill in the Blank with Placeholder Text
+localeTitle: Заполните пустое поле с текстом заполнителя
+---
+## Заполните пустое поле с текстом заполнителя
+
+Вас попросят заменить текст, который вы видите, на абзац (элемент `p` ) с текстом, предоставленным введением вызова (когда вы читаете _несколько слов,_ это означает, что не менее 2, максимум); если, случайно, вы удалили или модифицировали часть кода, отличную от текста абзаца, вы можете нажать кнопку `reset all code` , чтобы перезапустить с помощью чистого кода.
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/headline-with-the-h2-element/index.md

@@ -0,0 +1,28 @@
+---
+title: Headline with the h2 Element
+localeTitle: Заголовок с элементом h2
+---
+## Заголовок с элементом h2
+
+На первом уроке вы узнали, что такое HTML-элемент, и вы его модифицировали.  
+Теперь вас попросят написать свой собственный! Первый элемент HTML, уже присутствующий в редакторе кода ( `<h1>Hello World</h1>` ), использует тег h1, проверьте остальные:
+
+Код | Последствия ----- | ------- `<h2> This is how an h2 heading looks like</h2>` |
+
+## Вот как выглядит заголовок h2
+
+`<h3> Followed by this h3 tag </h3>` |
+
+### Вслед за этим тегом h3
+
+`<h4> Look at the h4, the middle </h4>` |
+
+#### Посмотрите на h4, средний
+
+`<h5> Here is a tiny h5 </h5>` |
+
+##### Вот крошечный h5
+
+`<h6> The last - h6 </h6>` |
+
+###### Последний - h6

guide/russian/certifications/responsive-web-design/basic-html-and-html5/index.md

@@ -0,0 +1,11 @@
+---
+title: Basic HTML and HTML5
+localeTitle: Основные HTML и HTML5
+---
+## Основные HTML и HTML5
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/mathematics/quadratic-equations/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/certifications/responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element/index.md

@@ -0,0 +1,13 @@
+---
+title: Inform with the Paragraph Element
+localeTitle: Информировать элемент абзаца
+---
+Вас попросят создать еще один элемент HTML. Краткая информация о том, как достичь этого:
+
+*   Создайте открывающий тег.
+    
+*   Напишите некоторый контент (обычно обычный текст)
+    
+*   Создайте закрывающий тег.
+    
+    Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/introduction-to-html5-elements/index.md

@@ -0,0 +1,17 @@
+---
+title: Introduction to HTML5 Elements
+localeTitle: Введение в элементы HTML5
+---
+## Введение в элементы HTML5
+
+Чтобы обернуть элемент HTML вокруг другого HTML-элемента (ов), нужно поместить _внутренний_ элемент (ы) после открывающего тега обертки и перед его закрывающим тегом.  
+
+Пример ниже представляет элемент `h1` элемент `h4` заключенный в элемент `header` :
+```
+<header> 
+  <h1> Big title </h1> 
+  <h4> Tiny subtitle </h4> 
+ </header> 
+```
+
+Как вы можете видеть, `header` содержит другие элементы, которые заканчиваются на одном уровне ( `h1` заканчивается до начала `h4` и оба вложены в `header` ).

guide/russian/certifications/responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements/index.md

@@ -0,0 +1,23 @@
+---
+title: Link to External Pages with Anchor Elements
+localeTitle: Ссылка на внешние страницы с элементами привязки
+---
+## Ссылка на внешние страницы с элементами привязки
+
+В этом вызове вы должны использовать все, чему научились. Синтаксис элементов HTML:
+
+*   Открытие тега
+*   содержание
+*   Закрывающий тег
+
+И синтаксис атрибутов тегов:
+
+*   `<tag`
+*   ключ = «значение»
+*   `>` ( `/>` в случае самозакрывающихся тегов)
+
+Вас просят дать `a` тег атрибут (ключ) `href` со значением `"http://freecatphotoapp.com"` и использовать текст «кошачьи фотографии» , как содержание одного и того же тег `a`
+
+### Ресурсы
+
+*   [`<a>` tag - атрибут href](https://guide.freecodecamp.org/html/attributes/a-href-attribute)

guide/russian/certifications/responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements/index.md

@@ -0,0 +1,21 @@
+---
+title: Link to Internal Sections of a Page with Anchor Elements
+localeTitle: Ссылка на внутренние разделы страницы с элементами привязки
+---
+## Ссылка на внутренние разделы страницы с элементами привязки
+
+Как указано в инструкции внутренняя ссылка состоит из двух элементов: `a` тег и HTML - элементе с `id` , используемым в `href` атрибута `a` теге.
+
+Все это действительные внутренние ссылки:
+
+АНКЕРНЫЙ ТЕГ | ВЕРНУТЬСЯ ----- | ------ `<a href="#destination">I am an internal link</a>` | `<p id="destination">I am the destination of the link</p>` `<a href="#inlinestuff">I am an internal link</a>` | `<span id="inlinestuff">I am the destination of the link</span>` `<a href="#title">I am an internal link</a>` | `<h1 id="title">I am the destination of the link</h1>` `<a href="#mainarticle">I am an internal link</a>` | `<article id="mainarticle">I am the destination of the link</article>`
+
+Вас попросят использовать существующий элемент привязки для создания вашей внутренней ссылки, поэтому не пишите еще один тег привязки.
+
+Чтобы преобразовать фактический тег привязки - это не единственная задача, которую вы хотите сделать, но есть еще две точки:
+
+*   Чтобы удалить `target` атрибут `a` теге: вы не хотите больше , чтобы открыть новую вкладку в браузере, это текущая страница , которая будет «двигаться» вверх / вниз.
+    
+*   Чтобы изменить текстовое содержимое `a` теге: от `cat photos` до `Jump to Bottom` (двойной проверки капитализации).
+    
+    Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol/index.md

@@ -0,0 +1,13 @@
+---
+title: Make Dead Links Using the Hash Symbol
+localeTitle: Создание мертвых ссылок с использованием символа хэша
+---
+## Создание мертвых ссылок с использованием символа хэша
+
+Мертвая ссылка - это только фиксирующий элемент на месте, синтаксически правильный, кликабельный, который указывает на верхнюю часть страницы при нажатии без обновления содержимого (вы можете проверить этот вопрос на форуме FCC для более глубокого анализа: [что делает Dead Link на HTML и CSS?](https://forum.freecodecamp.org/t/what-does-dead-link-on-html-and-css-do/164550/7) )
+
+Чтобы создать мертвую ссылку, вы должны сначала написать обычный элемент привязки (вызов содержит один, не переписывать его), а затем изменить атрибут `href` как указано в инструкциях.
+
+Если удалить или изменить что - то в исходном коде, кроме атрибута HREF существующего `a` теге помните , что вы можете нажать на `reset all code` кнопки , чтобы перезагрузить с чистым кодом.
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph/index.md

@@ -0,0 +1,12 @@
+---
+title: Nest an Anchor Element within a Paragraph
+localeTitle: Гнездо анкерного элемента в абзаце
+---
+## Гнездо анкерного элемента в абзаце
+
+Внимательно прочитайте инструкцию: даже если это проблема `a` тегом, это не обязательно означает, что вы должны манипулировать ею!  
+Введение вызова говорит о существующем `a` элемента , и он просит вас написать абзац , в котором он будет вложен: другими словами , вам просто нужно написать `p` HTML элемент, в котором содержание составленный каким - то текст - «Смотреть дальше» (двойная проверка капитализации и окончательное пространство) - и HTML элемент уже присутствует на странице. `a`
+
+Вы можете визуализировать окончательную структуру вашего `p` элемента следующим образом:
+
+desc | код ------- | --------- Открытие тега | `<p>` Некоторое текстовое содержимое | `View more` Существующий `a` элемент | `<a>...</a>` Закрывающая бирка | `</p>`

guide/russian/certifications/responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element/index.md

@@ -0,0 +1,11 @@
+---
+title: Nest Many Elements within a Single div Element
+localeTitle: Гнездо Много элементов в одном элементе div
+---
+## Гнездо Много элементов в одном элементе div
+
+Использование тега общей цели как `div` для переноса нескольких элементов позволяет разработчику применять общий стиль к каждому из обернутого элемента, группировать элементы с тем же значением, создавать разные макеты «pack» и т. Д.
+
+Об этой проблеме вам нужно сгруппировать списки, уже присутствующие в коде: вы можете использовать тег открытия div непосредственно перед абзацем, используемым как заголовок неупорядоченного списка, и поместить закрывающий тег прямо под упорядоченным.
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/say-hello-to-html-elements/index.md

@@ -0,0 +1,19 @@
+---
+title: Say Hello to HTML Elements
+localeTitle: Произнести Hello to HTML Elements
+---
+## Произнести Hello to HTML Elements
+
+Рассмотрим следующий пример:  
+
+`<p>This is a paragraph</p>`  
+
+Вы можете называть **_«p-элементом»_** ; разбившись на куски, вы можете найти следующие подэлементы:
+
+субэлемент | описание ----------- | ---------- `<p>` | Это открывающий тег `This is a paragraph` | Это текст элемента `</p>` | Это закрывающий тег
+
+Помните запрос на вызов:
+
+> измените текст вашего элемента h1, чтобы сказать «Hello World»
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link/index.md

@@ -0,0 +1,11 @@
+---
+title: Turn an Image into a Link
+localeTitle: Поверните изображение в ссылку
+---
+## Поверните изображение в ссылку
+
+В предыдущем вызове вы уже выполнили задачу по встраиванию HTML-элемента в другой (например, [Nest - элемент привязки в абзаце](https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph) )
+
+Теперь вас попросят решить ту же проблему с помощью разных тегов: просто поместите изображение (как есть) в элемент привязки и оно станет кликабельным содержимым этого якоря.
+
+Удачи!

guide/russian/certifications/responsive-web-design/basic-html-and-html5/uncomment-html/index.md

@@ -0,0 +1,39 @@
+---
+title: Uncomment HTML
+localeTitle: Uncomment HTML
+---
+## Uncomment HTML
+
+Тема комментария часто немного запутанна в начале. Посмотрите на пример:
+```
+<!-- This is a commented block. 
+ It doesn't matter how long it is, if it has <h1>HTML elements</h1> in it or if it develops 
+ into 
+ few lines, 
+ everything between the first weird series of character and the last is commented out --> 
+```
+
+Вы также можете использовать комментарий в строке: `<!-- Uh, I does not exists! -->` и вот оно!
+
+Единственное, что нужно учитывать, это то, что когда вы видите этот набор char `<!--` все, оттуда, закомментировано, поскольку вы находите specular `-->` ; это тег открытия и закрытия HTML-элемента!
+
+##### раскомментировать
+
+Uncomment означает, что вы берете вещи из текста комментария: раскомментировать элемент h3 из следующего предложения (которое все прокомментировано):
+```
+<!-- <h1>Comment header</h1> <h3>Comment subtle</h3> <article>I am the text of the comment</article> --> 
+```
+
+так же просто:
+```
+<!-- <h1>Comment header</h1> --> <h3>Comment subtle</h3> <!-- <article>I am the text of the comment</article> --> 
+```
+
+Обратите внимание на добавление закрывающего тега комментария ( `-->` ) до того, как HTML-элемент h3 будет соответствовать тегу открытия комментария в начале предложения и добавит тег открытия комментария ( `<!--` ) после него, чтобы он соответствовал закрытию тег в конце: таким образом вы создали два встроенных комментария: один перед элементом h3 и один после !.
+
+Если вы хотите расколоть, все будет еще проще:
+```
+<h1>Comment header</h1> <h3>Comment subtle</h3> <article>I am the text of the comment</article> 
+```
+
+Просто удалите открывающий и закрывающий тег комментария.

guide/russian/certifications/responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field/index.md

@@ -0,0 +1,15 @@
+---
+title: Use HTML5 to Require a Field
+localeTitle: Использовать HTML5 для запроса поля
+---
+## Использовать HTML5 для запроса поля
+
+`required` атрибут работает практически со всеми возможными типами `input` тега (он не работает, потому что он не имеет смысла для типа кнопок или значений со значением по умолчанию, например `type=range` ) и заставляет пользователя уходить по крайней мере минимальную отметку взаимодействия с требуемым вводом при отправке (выберите _хотя бы_ один флажок, введите _хотя бы_ один символ в текстовое поле и т. д.)
+
+Его использование блокирует подачу формы формы до тех пор, пока `required` условие не будет заполнено
+
+Вы можете использовать `required` атрибут с конкретным синтаксисом: поскольку это логическое значение, которое вы можете написать, просто `required` без какого-либо значения.
+
+В этой задаче у вас уже есть форма и элемент ввода: она просит вас добавить `required` атрибут к элементу ввода; помните, что если что-то из исходного кода будет изменено или удалено случайно, вы всегда можете перезапустить его с помощью чистого кода, используя кнопку `reset all code` .
+
+Удачи!