HTML — язык гипертекстовой разметки (HyperText Markup Language) документов, который используется в интернете. Интернет-браузер интерпретирует HTML-код, чтобы отобразить содержимое страницы на экране планшета, компьютера или смартфона.
Разработал HTML-язык Тим Бернерс-Ли — британский сотрудник ЦЕРНа (Европейского центра ядерных исследований). В самом начале своего существования HTML использовался для обмена документами научного плана. Позже его начали использовать для создания страниц сайтов. Базируется HTML на дескрипторах, которые называются тегами.
Простыми словами HTML-документ представляет собой обычный текстовых документ, который содержит специальные теги и вместе с дополнительными элементами образовывает страницы сайта.
За время существования было множество версий HTML, а сегодня наибольшей популярностью пользуется HTML5, первая бета-версия которого появилась еще в 2007 году. В те же времена для удобства было введено понятие «гипертекст».
Гиперссылка (просто ссылка) — часть гипертекста, которая создана для того, чтобы ссылаться на какой-либо другой документ HTML. Последний построен так, чтобы можно было одинаково отображать данные страниц на всех устройствах — от смартфонов до ПК.
Из чего состоит HTML-документ
Как следует из описанного выше, HTML-документ состоит из тегов — дескрипторов. У каждой веб-страницы есть начало и конец, которые обозначаются тегами <html>…</html>. Пример простейшего HTML-документ выглядит следующим образом:
<!DOCTYPE html>
<html>
<head>
<title>Название (заголовок страницы)</title>
</head>
<body>
<h1>Заголовок статьи</h1>
<p>Абзац</p>
</body>
</html>
<!DOCTYPE html> — тег, с которого должна начинаться каждая веб-страница. Ранее можно было использовать несколько вариаций этого тега, но сегодня применяется исключительно <!DOCTYPE html>.
Создан тег DOCTYPE для того, чтобы сообщить интернет-браузеру версию HTML, в которой составлена страница. После <DOCTYPE> идет открывающий тег <html>, которые можно считать контейнером — он содержит все остальные главные теги, и до него не должно быть прописано ничего лишнего.
Между тегами <head>…</head> находится «тело» документа, там же обязательно должны присутствовать теги <title>…</title> с заголовком страницы внутри, который будет отображен в интернет-браузере. Также между тегами <head>…</head> располагаются все остальные элементы страницы: мета-теги, используемые скрипты, таблица стилей и т. д.
Графический и текстовый контент также прописывается в виде тегов со ссылками и обязательно содержится внутри парного тега <body>…</body>. В примере выше показан документ, содержащий два заголовка и один абзац. Также там могут отображаться теги изображений, ссылки и т. д.