атрибут стиля элемента HTML em

Последнее обновление 8 мая 2019 08:42:09 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Атрибут стиля тега HTML em

1. Атрибут style может быть использован для описания стиля элемента em .

2. Хотя это технически возможно, не рекомендуется использовать атрибут style для описания представления элемента em (или любого другого элемента). Вы должны использовать отдельный файл для написания стилей для элементов HTML-страницы.

3. Хотя это технически возможно, не рекомендуется использовать атрибут style для сокрытия элементов.

4. Атрибут style можно использовать только для проверки представления элемента em. Позже, который должен быть удален в отдельный файл CSS. Или вы можете использовать его для некоторых специальных целей, например, чтобы показать пользователям, как будет выглядеть элемент после применения определенных правил стиля.

Синтаксис

 <em style = "StyleRuless ......"> текстовое содержимое </ em>

Пример использования атрибута style с элементом HTML em

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>HTML em tag example - HTML tutorial | w3resource</title>
</head>
<body>
<p>We are learning HTML with  <em style="background-color:lightyellow; color: maroon; font-weight:bold">w3resource HTML tutorial.</em></p>
</body>
</html>

Результат

Посмотреть этот пример в отдельном окне браузера

Пример стиля атрибута элемента em

Наглядное представление приведенного выше примера

Заметка

Хотя текстовое содержимое элемента em приобретает особый стиль (оно выделено курсивом), основной целью использования em является семантика - выделение содержимого. Атрибут style не имеет ничего общего с семантическим.

Пример использования отдельной таблицы стилей с элементом HTML em для достижения того же результата, что и выше (рекомендуется):

Код CSS> em-style.css

em {
      background-color: lightyellow;
        color: maroon;
        font-weight: bold;
        }

HTML код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>HTML em tag example - HTML tutorial | w3resource</title>
<link rel='stylesheet' href='em-style.css' type='text/css'> 
</head>
<body>
<p>We are learning HTML with  <em>w3resource HTML tutorial.</em></p>
</body>
</html>

Результат

Посмотреть этот пример в отдельном окне браузера

Пример стиля атрибута элемента em

Предыдущий: атрибут title элемента HTML em
Далее: атрибуты события элемента HTML em