Фразы в HTML

HTML теги фраз были разработаны для конкретных целей, хотя они отображаются таким же образом, как и другие основные теги, как <b>, <i> и все остальные. В этой статье Вы узнаете о всех важных тегах фраз, так что давайте начнем их собственно и изучать.

Выделение курсивным шрифтом: <em>

Весь текст что окажется между тегами <em> и </ em> будет отображатся курсивом. Пример:

<p> Это обычный текст, а это - <em> курсивный </em> текст </p>

Это даст следующий результат:

Выделение жирным шрифтом: <strong>

Все, что появиться между тегами <strong> и </ strong> будет отображатся жирным шрифтом. Советую выделять самые важные фразы в тексте именно жирным. Пример:

<p> Это обычный текст, а это - <strong> жирный </strong> текст </p>

Результат будет таким:

Аббревиатура в html: <abbr>

Вы можете сокращать текст, поставив его между тегами <abbr> и </ abbr>. Для этого нужно установить атрибут "title" из значением расшифровки аббревиатуры, а текст между тегами и будет этой аббревиатурой. При наведении курсора мыши на аббревиатуру появится ее расшифровка. Пример:

<p> Привет, меня зовут <abbr title="Владислав">Влад</abbr></p>

Смотрим результат:

Сокращение в html: <acronym>

Тег <acronym> позволяет указать, что текст является акронимом. Акроним - это устоявшееся сокращение. То есть, по-сути, это аббревиатура, которая есть не сокращением, а самостоятельным словом, например: СПИД, США, DOS, html, css, xhtml и другие. Пример:

<p> Мне нравится изучать <acronym title="HyperText Markup Language"> 
HTML </acronym> </p>

Вот результат:

Направление текста в html: <bdo>

Тег <bdo> расшифровывается как Bi-Directional Override и используется для переопределения текущее направление текста. То есть, он предназначен для того чтобы "развернуть" текст наоборот. Пример:

<p> Это текст </p>
<p><bdo dir="rtl">Это текст</bdo></p>

Будет такой результат:

Цитата в html: <blockquote>

Если Вы хотите процитировать отрывок из другого источника или просто вставить цитату надо предполагаемый текст вставить между тегами <blockquote> и </ blockquote>. Текст внутри этих тегов, как правило, будет расположен с отступом от левого и правого краев окружающего текста, а иногда будет прописан курсивным шрифтом. Пример:

<p> Это обычный текст </p>
<blockquote> Это цитата. Всем хорошего настроения </blockquote>

Это даст следующий результат:

Кавычки в  html: <q>

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

<p> И тогда я сказал: <q> Я сделаю свой собственный сайт </q> </p>

Результат будет таким:

Используйте эти теги для улучшения фраз в текстах и Ваш сайт станет еще лучше.

• Основные HTML теги форматирования текста
• Презентационные теги HTML
• Введение в HTML
• Изображения HTML
• Основные теги HTML
• Атрибуты HTML тегов
• Цвета HTML
• Как сделать бегущую строку HTML