HTML — язык создания структуры страниц
Для того, чтобы начать изучать HTML, давай сначала хотя бы посмотрим на него. Для этого, зайдем на сайт Яндекса, и как только загрузится страница, нажмем правой кнопкой мыши, и затем выберем "проинспектировать элемент".
Слева в веб-инспекторы мы видим HTML.
HTML — это язык, с помощью которого описывают структуру страницы. Если провести аналогию с человеком, то с помощью HTML мы создаем скелет страницы.
Любой язык состоит из слов. HTML не является исключением из этого правила. Только у него особенные слова. Их называют тегами.
Теги — это специальные слова для браузера, с помощью которых он отображает страницу.
Но как же написать тег? Для ответа на этот вопрос нам понадобится следующее изображение.
Объявления тега начинается с символа "меньше", после него указывается название тега, а потом добавляется символ "больше". В итоге получится открывающий тег "<html>". После объявления открывающего тега, ему нужно создать закрывающую пару. Для этого нужно написать открывающий тег <html> и добавить "слэш" после символа "меньше".
Правда, не все теги имеют закрывающую пару. Например, у тега <html> она есть, а тег <meta> — нет. Такой вид тегов даже имеет свое название — необязательно закрывающиеся.
На этом месте может возникнуть вопрос: "Как же можно понять какой тег нужно закрывать, а какой — нет?" Чуть позже я расскажу про веб-стандарты. Пока скажу, что в них для каждого тега написано, обязательно его закрывать или нет.
Хорошо, с объявлением тегов разобрались, но кроме имени, теги также могут иметь атрибуты.
Атрибут — это свойство тега, с помощью которого можно использовать его возможности.
В примере с тегом <html> я указал атрибут lang. С помощью него я подсказал браузеру, что текст на странице будет на русском языке. Это пригодится, когда потребуется отобразить специфические символы языка. Например, символ кавычек, который в разных языках отображается по-разному.