В этом уроке представляю несколько способов оформления текста, которые тоже нередко используются
на сайтах и позволяют зрительно и логически выделить информацию.
Контейнер <blockquote>текст</blockquote> применяется для выделения длинных цитат
внутри документа. Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с
отступами слева и справа (примерно по 40 пикселов), а также с отбивкой сверху и снизу. Пример:
Линейка позволяет измерять в таких единицах, как пиксели, дюймы, сантиметры, проценты, пики или пункты.
Чтобы выбрать единицы измерения, нужно воспользоваться командой Правка - Общие настройки -
Единицы и линейки.
Контейнер <abbr>символы</abbr> "говорит" о том, что последовательность
символов является аббревиатурой (сокращением) и даёт возможность узнать расшифровку этой аббревиатуры (задаётся
в значении атрибута title). Текст, заключённый в этот контейнер, по умолчанию выделяется пунктирной линией.
Пример кода и результат:
Установите переключатель, показывающий, в каком направлении должно быть повёрнуто
изображение: °CW или °CCW. Щёлкните по кнопке OK.
.
Контейнер <b>текст</b> используется для визуального
представления текста жирным шрифтом (физическая разметка). Его следует отличать от контейнера
<strong>текст</strong>, который, в отличие от тега <b>
используется для акцентирования текста, то есть для логической разметки, он определяет важность помеченного
текста. Если пользователи используют считыватели экрана, то тект помеченный этими тегами, будет прочитан по-разному.
Пример использования тега <b>, здесь слова "мелом" и "углём" выделяются только для зрительного выделения текста:
Рисунки мелом или углём как бы возвращают нас к доисторическим
временам. Древние жители пещер украшали также свои жилища рисунками глиной и растительными красками.
Контейнер <i>текст</i> представляет текст, заключённый в него,
курсивным начертанием. По аналогии в тегом <b>, у него есть "товарищ" - контейнер
<em>текст</em>, который визуально выделает текст также курсивом,
но является тегом логической разметки, как и тег <strong>. Пример использования курсива:
Вам могут пригодиться несколько горячих клавиш. Цвета, заданные по умолчанию, можно восстановить клавишей D.
Контейнер <u>текст</u> используется для представления текста подчёркнутым.
Пример:
Используйте фильтры группы Blur только для обработки больших частей изображения.
Контейнер <s>текст</s> используется для представления текста перечёркнутым.
Его используют, например, в общении, когда скрывают за перечёркнутым текстом циничные мысли, кроме того, когда
нужно отобразить сделанные в тексте поправки и изменения. Пример:
"Несмотря на появление платных бонусов, до настоящих микротразакций дело пока не
дошло — игровые деньги нельзя купить за реальные, можно только заработать тяжелым кликательным трудом (об этом мечтает основная
часть игроков)."
Контейнер <p>текст</p> используется для определения текстового абзаца.
Он является блочным элементом, всегда начинается с новой строки, абзацы текста, идущие друг за другом,
разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Рекомендуется
использовать его для любого осмысленного текста в документе и для изображений, не рекомендуется размещать тест
"в голом" виде. Кроме того, используя тег <em>, мы можем назначить для оформленного в него текста
стили, присвоить классы, id и т.д. Пример использования этого тега вы можете видеть в каждом уроке нашего
сайта :) - все абзацы текста внутри уроков помещаются именно внутрь контейнера <p>.
