Как сделать текст курсивом в html

Количество просмотров: 407

Сегодня мы узнаем как сделать текст курсивом в html документе. Существует несколько способов для решения данной задачи и мы их рассмотрим.

Начнем с самого простого - используем теги предназначенные для выделения курсивом:

  • <em>Текст</em>
  • <i>Текст</i>

Тег <em> - предназначен для акцентирования внимания на выделенном тексте. Обернутый данным тегом текст становится курсивным и означает, что на данном фрагменте сделан акцент меняющий смысл всего предложения.

Тег <i> так же выделяет текс, но не придает ему особого значения. Данный тег рекомендуется использовать для разметки каких-нибудь терминов в теле документа.

Важно учесть, что не стоит злоуподреблять данными тегами при разметке текста. Поисковые системы могут отнестись к этому не очень хорошо и посчитать такое выделение за спам. Лучше используйте css стили.

Выделение курсивом с помощью css.

Тут все просто. Существует свойство font-style: принимающее следующие значения normal | italic | oblique | inherit
  • normal - обычное начертание
  • italic - курсивное
  • oblique - наклонное начертание.
  • inherit - наследует значение родителя.

Для того чтобы сделать текст курсивом достаточно прописать стили для элемента.

Вот несколько примеров:


.italic{
	font-style: italic; // курсивное начертание текста для элементов с классом italic
}

span {
	font-style: italic; // курсивное начертание для текста выделенного тегом span
}

или inline стили для элемента <p style="font-style: italic;">Этот текст будет курсивом</p>

Вот собственно и все, что нужно знать про выделение текста курсивом. Так же вам может быть полезна статья про то как сделать текст жирным.

© 2015-2018 Goodweb.me --- Карта сайта --- info@goodweb.me

Наверх