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

Чистый HTML для оформления страниц и текста сейчас уже мало где встречается, так как эту функцию перебрали на себя CSS стили. Но в качестве шпаргалки и для общего понимания ознакомится с html-тегами, которые используются для форматирования текста, будет полезно.

Если вы считаете, что эти знания вам не нужны так как вполне можно обойтись использованием визуального редактора, можете не читать дальше. Но, советую добавить эту страницу в избранное, и вернутся к ней в свободное время. Вполне возможно, что эти знания принесут вам пользу в будущем.

Раньше довольно часто вебмастерами использовался тег <blockquote>, предназначенный для выделения цитат. Так как CSS-свойства в то время не использовались, то с его помощью можно было реализовать такую полезную возможность как горизонтальный отступ. И хотя этот тег используется и сейчас, теперь внешний вид задается уже с помощью таблиц стилей.

Еще одним довольно популярным, используемым ранее тегом, является <center> с его помощью можно выровнять любой текст (или блок текста) по центру. Сейчас он считается устаревшим, и не рекомендуется к применению.

Для работы со шрифтами используется тег <font> и его атрибуты. С его помощью можно изменить цвет, размер и тип шрифта. Для этого используются атрибуты color, size и face, соответственно.

Важно также приделить внимание визуальному и логическому форматированию текста в HTML. Если первые ориентированы преимущественно на восприятие посетителями, то логические расставляют акценты для поисковых машин.

В список тегов для визуального форматирования текста входят:

• <b> — выделение жирным;
• <i> — выделение курсивом;
• <strike> — перечеркивание текста;
• <u> — подчеркивание текста;
• <sup> — верхний индекс;
• <sub> — нижний индекс;
• <big> — увеличение шрифта;
• <small> — уменьшение шрифта;
• <tt> — моноширный (как у печатной машинки) шрифт.

Тегов HTML, предназначенных для логического форматирования, немного больше, но чаще всего используются только несколько из них. Это такие теги как:

• <strong> — выделение жирным;
• <em> — курсив;
• <cite> — выделение цитаты;
• <code> — выделение фрагмента кода. 

Несмотря на то, что описанные выше теги форматирования текста в HTML сейчас встречаются довольно редко, будет не лишним знать их значение и цель применения, ведь вполне возможно, что в будущем вам это пригодиться.