description.ru.yml

---

name: HTML разметка
theory: |
  Каждый день мы смотрим на десятки интернет-страниц, читаем на них тексты, которые выводятся, как будто из журналов. Эти страницы представляют из себя гипертекст — систему интернет-страниц, на которые можно перейти по ссылкам. За такое отображение отвечает HTML.

  HTML (HyperText Markup Language) — язык для разметки гипертекста, он является набором правил, по которым браузер отличает заголовки от списков, таблицы от картинок и так далее. HTML появился в 1993 году и был призван стандартизировать правила для вывода текста внутри веб-страниц.

  Даже эта страница является текстом, который описан с помощью HTML и обработан браузером. Технологии шагнули далеко вперёд, но концепция использования HTML для разметки текста остаётся неизменной и спустя 25 лет.

  Взгляните на типичный пример HTML разметки:

  ```html
  <div>
      <h2>Code Basics</h2>
      <p>Code Basics — бесплатные практические уроки по программированию для тех, кто начинает с нуля. Если вы совсем новичок и хотите научиться основам — переменным, строкам, циклам, функциям и т.д., то Code Basics вам подойдёт.</p>
  </div>
  ```

  Не пугайтесь такого обилия непонятных слов и знаков — к концу курса вы будете понимать работу приведённой выше разметки, а также научитесь использовать разметку на своих страницах. Обратите внимание, что вся суть в разметке выше — это текст. Остальное — вспомогательные элементы для того, чтобы вывести текст там, где было задумано дизайнерами и/или разработчиками.

instructions: |
  Скопируйте HTML и вставьте его в редактор на этой странице
  
  ```html
  <h1>Hello, World!</h1>
  ```