Привет. Начнём с того, что разберемся в понятиях, что такое HTML CSS.

Это базовые понятия, понимание которых позволит разобраться в других более сложных темах.

HTML

С момента создания интернета в том виде, в котором мы его знаем сейчас, встал вопрос о том, каким образом можно форматировать данные, таким образом, чтобы все пользователи могли получать информацию в удобном виде. Изначально браузеры были в виде приложений для командной строки, и выводили информацию в виде текста (это можно наблюдать в старых американских фильмах). Но это было не удобно, и был создан первый вариант HTML.

Сам по себе HTML – это текстовый файл, в котором данные форматированы, то есть разделены и упорядочены при помощи специальных ключевых слов – тэгов. Каждый тэг в HTML обернут в знаки меньше и больше <tag>.

Компьютер, а точнее браузер, умеет обрабатывать текст в формате HTML, вычленяет из него эти самые тэги, определяет (по заранее оговоренной со всеми остальными схеме), как именно эти тэги должны отображаться, и выводит их на экран пользователю. Данные, которые заключены в тэг – выводятся согласно правилам каждого тэга.

Если открыть любую страницу любого сайта, можно увидеть огромное количество тэгов, и текст внутри них. Это и есть HTML.

Дополнительная информация тэгов – атрибуты

Иногда, и даже довольно часто, нам нужно сообщить браузеру не просто текст, но и дополнительные параметры, которые повлияют на обработку тэга браузером. Например цвет текста, или всплывающая подсказка при наведении на блок текста. Для этих целей у каждого тэга существуюет набор параметров, их называют атрибутами тэга. Многие из таких параметров универсальны, но некоторые тэги могут иметь свои собственные, не присущие никаким другим тэга атрибуты.

Виды тэгов

Тэги бывают 2-х видов:

  • те, которые требуют закрывающего тэга
  • те, которые не требуют закрывающего тэга

Какая между ними разница?

Тэги, которые требуют закрывающий тэг: HTML CSS

Такие тэги могут заключать в себе любое содержимое (некоторые могут только текст, а некоторые могут и любое количество других тэгов, об этом позднее). В таком случае, для того, чтобы указать браузеру, в каком месте начинается кусок информации, которую нужно оформить по правилам определённого тэга, перед этим куском информации ставится открывающий тэг <tag>. Когда кусок информации заканчивается, нам нужно сообщить браузеру, что кусок текста закончился, и для этого ставится закрывающий тэг: </tag>. Всё довольно просто: открывающий тэг – это прост тэг, закрывающий – это такой же тэг, где перед названием тэга ставится слэш.

При помощи таких тэгов браузер понимает, как именно текст файла размечен, в каком месте и какие должны быть тэги и их оформление.

Тэги, которые не требуют закрывающий тэг: HTML

Но бывают также тэги, которые не могут содержать информацию внутри себя. Они могут не содержать никакой информации вообще, например тэг переноса текста на следующую строку (<br>), он просто переносит текст, и не содержит ничего в себе, и поэтому не требует закрывающего тэга.

А иногда, тэг просто содержит всю необходимую информацию в своих атрибутах, и поэтому также не требует закрывающего тэга. Например тэг <img>, он отвечает за отображение картинки на странице. Ссылка на картинку указывается в атрибуте src этого тэга, а больше никакой важной информации тэг не должен получать, поэтому картинки также не требуют закрывающего тэга. (это довольно упрощенный пример, но к более подробному рассмотрению мы вернемся чуть позже).

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