Разметка
HTML позволяет создавать и форматировать гипертекст. Однако как именно это достигается? Как мы можем добавить заголовок, выделить абзац или подчеркнуть слово в тексте? Один из способов - использование условных меток для определения начала и конца форматируемого фрагмента.
Пример:
Мы хотим создать заголовок на веб-странице, для того чтобы браузер понял это необходимо использовать теги.
Как выглядит в HTML файле:
<h1>Заголовок сайта</h1>
Теги
Теги могут быть как одиночными, так и парными. Парные теги состоят из двух частей: открывающего и закрывающего тегов. Открывающий тег начинается с угловых скобок и обозначает начало элемента, а закрывающий - конец. Закрывающий тег всегда имеет вид </…>, при этом символ / и имя тега должны быть написаны слитно.
Парные теги должны быть закрыты, даже если современные браузеры могут понять разметку и без этого. Это обеспечивает лучшую совместимость и помогает избежать возможных ошибок.
Одинарные теги - это теги, которые не имеют соответствующей закрывающей части. Примерами таких тегов могут служить теги переноса строки <br>.
В прошлом некоторые браузеры могли некорректно обрабатывать одинарные теги, если они не были явно закрыты. Сейчас такой проблемы не существует, и наиболее распространенные браузеры корректно обрабатывают одинарные теги без необходимости их закрытия.
Тем не менее, хорошей практикой считается закрывать все теги, включая одинарные, чтобы обеспечить лучшую совместимость с различными браузерами и минимизировать возможные ошибки.
Атрибуты
Свойства тегов называются атрибутами. Атрибуты определяют различные параметры элемента, такие как цвет, размер, стиль и т.д.
Например, тег ссылки <p>будет имеет атрибут <align>
<p align = "right">Пример</p>
Атрибуты указываются внутри тега, после символа = и отделяются пробелом от значения атрибута, которое заключается в кавычки.
Структура HTML-документа
Каждый HTML документ содержит следующий фрагмент:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Страница</title>
</head>
<body>
<h1>...</h1>
<p>...</p>
</body>
</html>
<!DOCTYPE>
В начале каждого HTML-документа находится тег <!DOCTYPE>, который указывает браузеру, в соответствии с каким стандартом создана страница. В прошлом HTML имел разные версии, которые были несовместимы между собой, и поэтому приходилось явно указывать используемую версию. Сейчас все используют один стандарт — HTML5, и для современных сайтов в начале документа нужно помещать тег <!DOCTYPE html>.
<html>
После тега “DOCTYPE” идет тег “<html>”, который является контейнером для других тегов и должен быть первым тегом, который появляется в коде HTML. Внутри этого контейнера располагаются теги <head> и <body>, которые определяют структуру и содержимое web-страницы. Завершается HTML-код всегда тегом “</html>”, который обозначает конец документа.