Знакомство с тегами

#1 Форматирование текста

See the Pen Форматирование текста

- разбивает текст на отдельные абзацы, отделяя друг от друга пустой строкой. Браузер автоматически добавляет верхний и нижний отступ, равный 1em, при этом отступы соседних абзацев «схлопываются».
- задаёт полужирное начертания шрифта.
- задаёт полужирное начертание шрифта, относится к тегам логической разметки, указывая браузеру на важность текста.
- отображает шрифт курсивом.
- отображает шрифт курсивом, придавая тексту значимость.
- уменьшает размер шрифта на единицу по отношению к обычному тексту.
- используется для создания нижних индексов. Сдвигает текст ниже уровня строки, уменьшая его размер.
- используется для создания степеней. Сдвигает текст выше уровня строки, уменьшая его размер.
<ins> - выделяет текст в новой версии документа, подчёркивая его.
<del> - перечёркивает текст. Используется для выделения текста, удаленного из документа.
- применяется для выделения фрагментов текста в справочных целях, окрашивая блок символов желтым цветом.
<code> - служит для выделения фрагментов программного кода. Отображается моноширинным шрифтом.
<kbd> - отмечает фрагмент как вводимый пользователем с клавиатуры. Отображается моноширинным шрифтом.
<samp> - применяется для выделения результата, полученного в ходе выполнения программы. Отображается моноширинным шрифтом.
<abbr> - Применяется для форматирования аббревиатур. Браузером обычно подчеркивается пунктирной линией. Расшифровка сокращения осуществляется с помощью атрибута title, она появляется при наведении курсора мыши на текст.
<bdo> - используется для замещения текущего направления текста, т.е. текст в теге отображается зеркально.
<blockquote> - Выделяет цитаты внутри документа, выделяя его отступами и переносами строк. Для тега доступен атрибут cite.
<q> - используется для выделения коротких цитат. Браузерами заключается в кавычки. Для тега доступен атрибут cite.
<cite> - применяется для выделения цитат, названий произведений, сносок на другие документы.
<dfn> - позволяет выделить текст как определение. Несмотря на наличие специального тега, рекомендуется выделять текст силами CSS.
- переносит текст на следующую строку, создавая разрыв строки.
<hr> - используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.

#2 Заголовки

See the Pen Заголовки

#3 Маркированные/нумерованные списки

See the Pen Маркированные/нумерованные списки

#4 Таблицы

-> Расширенная инфо по таблицам: See the Pen Таблицы

#5 Ссылки/кнопки

See the Pen Ссылки/кнопки

#6 Изображения

-> Расширенная инфо по изображениям

Аттрибуты:

src(обязательный) - путь к картинке
alt(обязательный) - альтернативный текст
title - текст при наведении на картинку

See the Pen Изображения