Главная / Блог / Обзоры / Теги для форматирования текста в HTML

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

16 августа 13
Reading Time: 2 minutes
Комментариев нет
1 Star2 Stars3 Stars4 Stars5 Stars (3 votes)

Чистый 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 сейчас встречаются довольно редко, будет не лишним знать их значение и цель применения, ведь вполне возможно, что в будущем вам это пригодиться.

Comments (0)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Более 3000 запущенных проектов

Вместе с нами многие уже развивают свой бизнес! Смотреть все отзывы
Хочу выразить большую благодарность коллективу компании "ImageCMS" а именно Ивану и Марии! Во время выбора компании проводил переговоры с 7 различными организациями, Иван единственный кто смог адекватно объяснить и подсказать всю необходимую информацию для принятия решения. В итоге результат более чем на 100% соответствует ожиданиям, а во много их даже превосходит!
Перепробовав много CMS (opencart, Битрикс) и др. Мы увидим, как много в каждой из них недостатков. Где-то или очень сложно или очень дорого кастомизировать. Работая маркетологом, могу заверить, что в ImageCMS большинство нужны "фич" реализовано из коробки, без дополнительных надстроек. Посмотрев демо версию новой версии движка, был приятно удивлен скоростью работы (ооочень важно).
За время сотрудничества компания показала себя в качестве ответственного подрядчика, быстро воплотив в жизнь удобный интернет-магазин с учетом всех наших пожеланий.
Работой доволен. Отвечают всегда быстро и по сути, остаются только приятные впечатления от общения. Пара слов о новом движке: Быстро, красиво и интуитивно понятно. Полностью оправдывает вложенные средства. Рекомендую.
Доволен. Скрипт считаю перспективным. Считаю, что ваш коллектив работает на опережение: ваше предложение было оптимальным по цене/качеству.
Опертивная и четкая работа, своевременое предоставление дополнительных консультаций по работе с административной частью. Созданным магазином довольна. Рекомендую этот движок!