Основные теги структуры и контента

  • <!DOCTYPE html> - объявление типа документа HTML.
  • <html></html> - корневой элемент HTML страницы.
  • <head></head> - содержит мета-информацию о странице (невидимую на самой странице).
  • <body></body> - содержит видимую часть HTML страницы.
  • <div></div> - блочный элемент-контейнер для группировки других элементов.
  • <span></span> - строчный элемент-контейнер, аналог <div> для части строки.
  • <h1> - <h6> - заголовки уровней от 1 (самый крупный) до 6 (самый мелкий).
  • <a></a> - создание гиперссылки (основной атрибут - href).
  • <p></p> (paragraph) - создание параграфа текста (игнорирует лишние пробелы и переносы строк в коде).
  • <pre></pre> (preformatted text) - создание блока текста, сохраняющего все пробелы, знаки табуляции и переносы строк из HTML-кода.
  • <title></title> - задает текст заголовка страницы, отображаемый во вкладке браузера и в результатах поиска (размещается внутри <head>).
  • <img> (image) - вставка изображения (основной атрибут - src).
  • <blockquote></blockquote> - выделяет блок текста как цитату (обычно с отступами).

Теги форматирования текста

  • <hr> (horizontal rule) - определяет тематический разрыв в контенте, отображается в виде горизонтальной линии.
  • <br> (line break) - принудительный перенос строки (аналог \n).
  • <b></b> (bold) - выделяет текст жирным (визуальное форматирование).
  • <i></i> (italic) - выделяет текст курсивом (визуальное форматирование).
  • <em></em> (emphasis) - выделяет текст с акцентом (семантическое значение, обычно отображается курсивом).
  • <strong></strong> - выделяет текст как важный (семантическое значение, обычно отображается жирным).
  • <small></small> - делает размер текста меньше стандартного.
  • <del></del> (delete) - выделяет удалённый текст (отображается зачеркнутым).
  • <ins></ins> (insert) - выделяет добавленный текст (отображается подчеркнутым).
  • <s></s> (strike) - делает текст зачёркнутым (стилистическое значение).
  • <u></u> (underline) - делает текст подчёркнутым (стилистическое значение, использовать осторожно из-за схожести с ссылками).
  • <sub></sub> - делает текст подстрочным.
  • <sup></sup> - делает текст надстрочным.
  • <dfn></dfn> (definition) - выделяет термин, упоминаемый впервые (обычно отображается курсивом).
  • <q></q> (quote) - используется для указания коротких цитат внутри строки (браузер обычно добавляет кавычки).

〰〰〰 𓆝 𓆟 𓆞 𓆝 𓆟 𓆝 𓆟 𓆞 〰〰〰