Тег <b> - Задаёт полужирное начертания шрифта. Выделяет текст без акцента на его важность.

Тег <em> - Отображает шрифт курсивом, придавая тексту значимость.

Тег <i> - Отображает шрифт курсивом.

Тег <small> - Уменьшает размер шрифта на единицу по отношению к обычному тексту.

Тег <strong> - Задаёт полужирное начертание шрифта, относится к тегам логической разметки, указывая браузеру на важность текста.

Тег <sub> - Используется для создания нижних индексов. Сдвигает текст ниже уровня строки, уменьшая его размер.

Тег <sup> - Используется для создания степеней. Сдвигает текст выше уровня строки, уменьшая его размер. Для тега доступны ‎глобальные атрибуты.

Тег <ins> - Выделяет текст в новой версии документа, подчёркивая его.

Тег <del> - Перечёркивает текст. Используется для выделения текста, удаленного из документа.

Теги для ввода «компьютерного» текста

Тег <code> - Служит для выделения фрагментов программного кода. Отображается моноширинным шрифтом. Для тега доступны ‎глобальные атрибуты.

Lt;kbd> - Отмечает фрагмент как вводимый пользователем с клавиатуры. Отображается моноширинным шрифтом. Для тега доступны ‎глобальные атрибуты.

Тег <samp> - Применяется для выделения результата, полученного в ходе выполнения программы. Отображается моноширинным шрифтом. Для тега доступны ‎глобальные атрибуты.

Тег <var> - Выделяет имена переменных, отображая курсивом. Для тега доступны ‎глобальные атрибуты.

Тег <pre> - Позволяет вывести текст на экран, сохранив изначальное форматирование. Пробелы и переносы строк при этом не удаляются. Для тега доступны ‎глобальные атрибуты.

Теги для оформления цитат и определений

Тег <abbr> - Применяется для форматирования аббревиатур. Браузером обычно подчеркивается пунктирной линией. Расшифровка сокращения осуществляется с помощью атрибута title, она появляется при наведении курсора мыши на текст.

Тег <bdo> - Используется для замещения текущего направления текста, т.е. текст в теге отображается зеркально.

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

Тег <q> - Используется для выделения коротких цитат. Браузерами заключается в кавычки.

Тег <cite> - Применяется для выделения цитат, названий произведений, сносок на другие документы.

Тег <dfn> - Позволяет выделить текст как определение. Несмотря на наличие специального тега, рекомендуется выделять текст силами CSS.

Абзацы, средства переноса текста

Тег <p> - Разбивает текст на отдельные абзацы, отделяя друг от друга пустой строкой. Браузер автоматически добавляет верхний и нижний отступ, равный 1em, при этом отступы соседних абзацев «схлопываются».

Тег <br> - Переносит текст на следующую строку, создавая разрыв строки.

Тег <hr> - Используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.

HTML ссылки

HTML ссылкисоздаются с помощью элементов<a>, <area> и <link>. Ссылки представляют собой связь между двумя ресурсами, одним из которых является текущий документ.

Ссылки можно поделить на две категории:
ссылки на внешние ресурсы — создаются с помощью тега <link> и используются для расширения возможностей текущего документа при обработке браузером;
гиперссылки — ссылки на другие ресурсы, которые пользователь может посетить или загрузить.

Гиперссылки создаются с помощью парного тега <a></a>. Внутрь тега помещается текст, который будет отображаться на веб-странице. Текст ссылки отображается в браузере с подчёркиванием, цвет шрифта — синий, при наведении на ссылку курсор мыши меняет вид.

Обязательным параметром тега <a> является атрибут href, который задает URl-адрес веб-страницы.

<a href="http://site.ru">текст ссылки</a>

Ссылка состоит из двух частей — указателя и адресной части.
Указатель ссылки представляет собой фрагмент текста или изображение, видимые для пользователя, адресная часть ссылки для пользователя не видна, она представляет собой адрес ресурса, к которому необходимо перейти.

Наши рекомендации