• Теги html для форматирования текста.

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

    Теги для разметки заголовков:
    <h1>...</h1>, <h2>...</h2>, <h3>...<h3>, <h4>...</h4>, <h5>...</h5>, <h6>...</h6>.
    <h1> ... <h1> наиболее важный заголовок в тексте
    <h6>...</h6> - наименее важный заголовок в тексте.

    Теги выделяющие текст курсивом: <em>...</em>, <i>...</i>, <city> ... </city>, <dfn> ... </dfn>, <var> ... </var>, <adress> ... </adress>.

    <em> ... </em> — логическое ударение (обычно отображается курсивным шрифтом)
    <i> ... </i> — физическое выделение текста курсивом
    <city> ... </city> — выделение, как правило, курсивом названий книг, песен, фильмов, картин и тд.
    <dfn> ... </dfn> — выделение, как правило, курсивом определений.
    <var> ... </var> — выделение, как правило, курсивом имен переменных .
    <adress> ... </adress> — выделение, как правило, курсивом контактной информации автора/владельца документа или статьи.

    Теги выделяющие текст жирным шрифтом:<b> ...</b>, <strong> ...</strong>

    <b> ... </b> — выделение текста жирным шрифтом
    <strong> ... </strong> — усиленное логическое ударение (обычно отображается жирным шрифтом)

    Теги выделяющие текст подчеркиванием шрифта: <u>...</u>, <ins> ... </ins>.

    <u> ... </u> — подчёркивание текста.
    <ins> ... </ins> - подчеркивает текст в новой редакции документа.

    Теги выделяющие текст зачеркиванием шрифта:<s> ... </s>, <del> ... </del>.

    <s> ... </s> - зачеркивание текста(например, выделить ошибку!)
    <del> ... </del> - зачеркивание текста, тк текст стал неактуальным и был обновлен в новой редакции документа.

    Теги выделяющие текст подчеркиванием шрифта пунктирной линией: <abbr> ...</abbr>

    <abbr> ...</abbr> - подчеркивание шрифта, как правило пунктирной линией, для выделения аббревиатур(сокращений).

    Теги изменяющие размер шрифта:<small> ... </small>, <big> ... <big>.

    <small> ... </small> — уменьшение шрифта
    <big> ... <big> - увеличение шрифта(не поддерживается в HTML5).

    Теги изменяющие регистр шрифта:<sub> ... </sub>, <sup> ... </sup>.

    <sub> ... </sub> - подстрочный текст. Например, H2O.
    <sup> ... </sup> — надстрочный текст. Например, E=mc2.

    Теги выделяющие текст специальными символами:<blockquote> ... </blockquote>, <q> ...</q>

    <blockquote> ... </blockquote> - выделяет в тексте цитаты, отступом и переносами.
    <q> ... </q> - выделяет цитаты в тексте кавычками.

    Теги выделяющие фон шрифта:<mark> ... </mark>.

    <mark> ... </mark> - выделение текста маркером.

    Теги выделяющие текст моноширинным шрифтом :<code> ... </code>, <kbd> ... </kbd>, <samp> ... </samp>.

    <code> ... </code> - моноширинный текст, для выделения программного кода.
    <kbd> ... </kbd> - моноширинный текст, для выделения текста веденного с клавиатуры.
    <samp> ... </samp> - моноширинный текст, для вывода результатов работы программы.

    Теги для выделения абзацев и переноса строки: <p>...</p>, <br>, <wbr>, <hr>, <pre> ... </pre>

    <p>...</p> - выделяет абзац, отделяя его от предыдущего и последующего текста пустой строкой.
    <br> - перенос строки.
    <wbr> - перенос слова на новую строку.
    <hr> - тематическое разделение текста. Визуально во многих браузерах выглядит как горизонтальная черта отделяемая пустыми строками от текста.
    <pre> ... </pre> - определяет блок предварительно форматированного текста.



    Если что-то непонятно, то лучше создать в блокноте документ HTML и посмотреть как каждый тег работает на практике.
    Эта статья изначально была опубликована в теме форума: теги разметки в html автор темы JackPot Посмотреть оригинальное сообщение
    Комментарии 1 Комментарий
    1. Аватар для JackPot
      JackPot -
      В данной статье теги которые форматируют текст классифицированы по конечному результату те как текст будет отображаться в браузере. В следующей статье о том же рассмотрим и классифицируем теги исходя из содержания текста.