Найти в Дзене

Теги в HTML

В HTML тегом называют корневые элементы, в которых находится все содержимое страницы. Обозначается тег определёнными "<тег>" и закрывающий тег выглядит так "</тег>". Теги делятся на 2 типа: парные и одиночные (не имеют закрывающего тега). Начнем с одиночных, ведь их в разы меньше. На картинке к тегам от носятся только те, что напечатаны оранжевым текстом. Парных тегов очень много, но я постараюсь записать сюда все самые базовые.
Оглавление

В HTML тегом называют корневые элементы, в которых находится все содержимое страницы. Обозначается тег определёнными "<тег>" и закрывающий тег выглядит так "</тег>". Теги делятся на 2 типа: парные и одиночные (не имеют закрывающего тега).

Одиночные теги

Начнем с одиночных, ведь их в разы меньше.

Код 1
Код 1
  • <!DOCTYPE html> - информирует браузер какую версию HTML использовать.
  • <meta> - задает дополнительную информацию для страницы.
  • <hr> - создаёт горизонтальную линию на сайте.
  • <br> - делает перенос строки в тексте.
  • <img> - вставляет картинку на сайт.
  • <input> - добавляет взаимодействие с сайтом.

На картинке к тегам от носятся только те, что напечатаны оранжевым текстом.

Парные теги

Парных тегов очень много, но я постараюсь записать сюда все самые базовые.

Код 2
Код 2
  • <html></html> - сообщает браузеру, что документ имеет расширение ".html".
  • <head></head> - шапка сайта.
  • <title></title> - название вкладки.
  • <h(1-6)></h(1-6)> - заголовки (чем меньше цифра, тем больше заголовок).
  • <p></p> -абзац текста.
  • <body></body> - тело сайта.
  • <i></i> - курсив.
  • <em></em> - курсив.
  • <b></b> - жирный текст.
  • <u></u> - подчеркнутый текст.
  • <mark></mark> - текстовыделитель.
  • <strong></strong> - жирный текст.
  • <ol></ol> - нумерованный список.
  • <ul></ul> - маркированный список.
  • <li></li> - элемент списка.
  • <a></a> - вставляет в текст ссылку.
  • <div></div> - контейнер с элементами или другими контейнерами.
  • <span></span> - используется для стилизации выбранного текста.
Результат 2
Результат 2

Спасибо большое за внимание. Если у Вас есть еще какие-нибудь базовые теги, то обязательно пишите о них в комментариях.