Html i tag: Тег | htmlbook.ru

Leave a Comment / Html / By /

➥ Тег — htmlbook.info

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+1.0+1.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

Устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Синтаксис

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

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

 

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

Закрывающий тег

Обязателен.

Атрибуты

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

Аналог CSS

font-style

Пример

<!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=utf-8»>

<title>Тег I</title>

</head>

<body>

<p><b><i>Lorem ipsum dolor sit amet</i></b></p>

<p><i>Lorem</i> ipsum dolor sit amet, consectetuer adipiscing elit,

sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat

volutpat. <i>Ut</i> wisis enim ad minim veniam, quis nostrud exerci

tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

</body>

</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=utf-8″> <title>Тег I</title> </head> <body> <p><b><i>Lorem ipsum dolor sit amet</i></b></p> <p><i>Lorem</i> ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. <i>Ut</i> wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </body> </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=utf-8">
  <title>Тег I</title>
 </head>
 <body>

  <p><b><i>Lorem ipsum dolor sit amet</i></b></p>
  <p><i>Lorem</i> ipsum dolor sit amet, consectetuer adipiscing elit, 
  sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat 
  volutpat. <i>Ut</i> wisis enim ad minim veniam, quis nostrud exerci 
  tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

 </body>
</html>

Результат данного примера продемонстрирован на рис.

 1.

Рис. 1. Вид курсивного текста

Примечание

Хотя использование тега <i> не осуждается в HTML, применение стилей предоставляет больше возможностей по управлению начертанием текста.

Тег HTML »

В тегах HTML

Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Подробнее

Элемент
Узнайте, как шрифты и веб-типографика работают в HTML: руководство для начинающих
Что делает HTML-тег ?
Элемент используется для выделения слов из окружающего текста путем выделения выделенного текста курсивом без дополнительного выделения выделенных курсивом слов.
Дисплей
встроенный
Использование
Текст

Содержание

  • 1 Пример кода
  • 2 против
  • 3 и не забывайте
  • 4 LONG-Form italics
  • 5 Поддержка браузера для i

Пример кода 

 
Элемент <i> используется для курсива.

Элемент используется для курсив .

по сравнению с

Элемент делает окруженный текст курсивом . Элемент указывает текстовый акцент , который передается как курсивный текст. Так в чем разница? Элемент означает что-то , а элемент не означает вообще ничего, кроме того, что текст должен быть выделен курсивом. Итак, когда вы должны использовать один и когда другой? Жестких правил мало, если они вообще есть, но в целом, если вы хотите выделить текст , вы должны использовать элемент . С другой стороны, если курсив нужен только для стиля (, например, , латинское типографское сокращение), вы можете предпочесть использовать элемент .

И не забывайте

Элемент определения ( ), который используется для разметки слова или фразы, определенной в окружающем тексте, также придает тексту курсив по умолчанию. Правила использования этого элемента вместо , гораздо проще. Его следует использовать только при разметке определяемого слова.

Полный курсив

Иногда желательно выделить несколько строк текста курсивом. Это может быть краткое введение в содержание, заметка для читателя, «мелкий шрифт» того или иного рода. Как правило, здесь также следует избегать элемента . Элемент по сути является типографским , а встроен в (не блочный). Это означает, что его следует использовать для разметки нескольких слов или фраз в более широком контексте. Если вы хотите выделить весь абзац курсивом, присвойте ему конкретный class или id и используйте CSS.

Адам Вуд

Адам — технический писатель, специализирующийся на документации и руководствах для разработчиков.

Поддержка браузера i

7 HTML тег 5

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

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

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

.

Чтобы выделить текст курсивом, следует использовать свойство CSS font-style .

Демо

Атрибуты

Теги HTML могут содержать один или несколько атрибутов. Атрибуты добавляются к тегу, чтобы предоставить браузеру больше информации о том, как тег должен выглядеть или вести себя. Атрибуты состоят из имени и значения, разделенных знаком равенства (=), при этом значение заключено в двойные кавычки. Вот например стиль="цвет:черный;" .

Существует 3 типа атрибутов, которые вы можете добавить к своим HTML-тегам: специфичные для элемента, глобальные атрибуты и атрибуты содержимого обработчика событий.

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

Специфичные для элемента атрибуты

В следующей таблице показаны атрибуты, характерные для этого тега/элемента.

Все Все Все Все Все Все
Атрибут Описание
Нет  

Глобальные атрибуты

Следующие атрибуты являются стандартными для всех тегов HTML 5 (хотя атрибут tabindex не применяется к элементам диалога ).

  • ключ доступа
  • автокапитализировать
  • класс
  • редактируемый контент
  • данные-*
  • директор
  • перетаскиваемый
  • скрытый
  • идентификатор
  • режим ввода
  • это
  • идентификатор товара
  • элементпроп
  • Артикул
  • предметная область
  • тип изделия
  • язык
  • часть
  • слот
  • проверка орфографии
  • стиль
  • tabindex
  • Название
  • перевод

Полное описание этих атрибутов см.

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

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