Приветствую всех в атласе программиста. В HTML каждый тег соответствует определённому элементу, а тегов гигантское количество. И все их знать бессмысленно. Я взял на себя смелость составить список тегов которые используются очень часто и знать их надо обязательно:
<meta/> технический тег позволяет настроить документ
<head></head> обозначает границы "головы" документа
<html></html> обозначает границы самого документа
<body></body> обозначает границы "тела" документа
<link></link> подключает сторонние файлы
<script></script> подключает скрипты
<title></title> название документа
<div></div> блок
<h1></h1> заголовок, есть 6 уровней h2, h3 и тд.
<p></p> параграф текста
<input/> поле ввода есть разные типы например type="text"
<button></button> кнопка
<a></a> ссылка
<ul></ul>, <ol></ol> список
<li></li> элемент списка
<select></select> выпадающий список
<options></options> элемент выпадающего списка
<datalist></datalist> выпадающий список вариантов при вводе в качестве элементов также использует <option></option>
<progress></progress> полоска отображения прогресса
<canvas></canvas> область где с помощью скрипта можно рисовать всё что угодно и как угодно
<label></label> используется для связи с другим тегом
<nav><nav> блок навигации
<video/> создаёт видео-плеер
<audio/> создаёт аудио-плеер
<span></span> виделяет кусок текста что бы отдельно его изменить
<img/> изображение
<form></form> форма заполнения
<figure></figure> группирует элементы
<map><map/> используется для изображение навигационной карты
<area/> указывает на активную область карты
<br> перенос строки
<footer></footer> подвал сайта
<main></main> контейнер для обёртки уникального содержимого сайта
<table></table> создаёт таблицу
<tr></tr> строка в таблице
<td></td> ячейка в таблице
<th></th> ячейка в таблице но текст будет жирным шрифтом
Вот эти теги по моему мнению надо знать, конечно это не все теги их гораздо больше, но остальные используются уже гораздо реже.
На это всё, до новых встреч😁