Начиная с webdev, HTML сам по себе может стать целой горой. И, как и любую другую гору, лучше преодолевать ее шаг за шагом.
HTML (сокращение от Hypertext Markup Language) — это основной язык самой сети. Однако это не служит какой-либо функциональной цели. Как следует из названия, это просто язык разметки. Он определяет и структурирует содержимое веб-страницы. Все остальные аспекты веб-страницы оставлены для таких языков, как CSS или JavaScript. Вы можете создать веб-сайт только с HTML.
Не вдаваясь в технические подробности, давайте рассмотрим основы HTML.
Элементы
Элементы — это части вашего контента, заключенные в так называемые теги, чтобы они отображались или действовали определенным образом.
Части HTML-элемента:
Открывающий тег – элемент начинается с этого места. Сам тег всегда начинается со знака меньше (‹) и заканчивается знаком больше (›).
Содержание-› Содержимое размещается между открывающим и закрывающим тегами. . Это то, что отображается на реальной веб-странице.
Закрывающий тег -> Закрывающий тег указывает на конец этого конкретного элемента. Не забывайте косую черту.
Не каждый элемент содержит контент. Их также называют пустыми элементами. У них нет закрывающего тега. Вместо этого открывающий тег закрывается /›.
Следующий пустой элемент разбивает фрагмент содержимого и помещает его в новую строку.
Несколько элементов также могут быть вложены.
Имейте в виду, что порядок, в котором элементы закрываются, имеет большое значение. Первыми закрываются самые внутренние элементы.
Атрибуты
Элементы могут иметь дополнительные атрибуты, помещенные в открывающий тег. Эта информация не отображается как реальная часть контента, но может влиять на то, как контент выглядит или ведет себя.
В этом случае элемент HTML имеет атрибут class со значением web-item. Это может быть использовано, чтобы специально нацелить элементы с этим конкретным значением класса и придать им определенные стили или функциональные возможности.
Существует множество атрибутов HTML. Некоторые зарезервированы только для определенных тегов. Не забудьте заключить значение атрибута в двойные кавычки.
Основные теги
Хорошей отправной точкой для изучения тегов являются те, которые чисто структурируют документ/веб-страницу и придают содержимому ощущение иерархии. Теги заголовков делают именно это. От ‹h1› до ‹h6› можно изменить стиль текста.
Эти несколько тем — хороший способ получить представление о HTML. Как только вы почувствуете себя знакомым с ними, пришло время немного углубиться в этот язык.
