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

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

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

Вот пример HTML разметки:

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

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

Скопируйте HTML и вставьте его в редактор на этой странице

<h1>Hello, World!</h1>