Тег <i> HTML курсив
Тег <i> в HTML используется для выделения фрагмента текста курсивом.
HTML тег <i> относится к тегам физического форматирования. Изменение начертания шрифта с помощью тега <i> носит стилистический характер.
Сделать HTML текст курсивом можно также с помощью тега <em> . При этом текст будет считаться, выделенным логически (по смыслу), «подчеркнутым».
Спецификация HTML5 рекомендует отдавать приоритет тегам логического форматирования: важные фрагменты текста — тег <strong> , акцентирование внимания — тег <em> , подзаголовки — теги <h1> — <h6> , подсветка текста — тег <mark> . Выделять текст курсивом с помощью тега <i> следует только если характер выделения не соответствует ни одному тегу логического форматирования.
Все виды выделения текста описаны в статье: Теги форматирования текста в HTML.
HTML — Урок 3. Форматирование текста
Для форматирования текста существует много тегов. Одни их них используются часто (и их вы быстро запомните), другие — редко (их и не надо запоминать).
Здесь мы рассмотрим те, которые используются часто.
Теги, делающие текст заголовками
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Эти теги выделяют текст в виде заголовков. Т.е. каждый заголовок начинается с новой строки, выделен полужирным шрифтом и имеет свой размер (заголовок первого уровня самый большой, шестого — самый маленький).
Эти теги могут использоваться с параметром горизонтального выравнивания align. Возможные значения этого параметра:
Курсивный текст в html и CSS
Рассмотрим все способы как можно сделать курсив через html и CSS. Существует два варианта:
- Через html тег <i> и <em>
- Через свойство CSS font-style
Курсив через html тег <i> и <em>
Весь текст заключенные в теги <i></i> и <em></em> становится курсивным. Необычное название тега в виде буквы «i» произошло от сокращения «italic» (курсив).
Приведем пример через теги <i></i> и <em></em>
Преобразуется на странице в
Обычный текст. Курсивный текст через тег i
Обычный текст. Курсивный текст через тег em
Курсив через свойство CSS font-style
В CSS есть свойство font-style , которое отвечает за написание букв.
Синтаксис CSS font-style
- normal — обычное начертание (по умолчанию)
- italic — курсивный текст
- oblique — наклонное текст (немного меньше, чем курсив)
- inherit — применяется значение родительского элемента
Мы можем применить свойство italic или oblique . Однако разница все же есть. Курсив — это особый шрифт, который является аналогом рукописного текста, а наклонный формируется посредством наклона обычного шрифта вправо.
HTML
Форматирование текста
report this ad
Хотя большинство HTML-тегов используются для создания элементов, HTML также предоставляет теги форматирования в тексте для применения определенных текстовых стилей к частям текста. В этом разделе приведены примеры форматирования текста в формате HTML, такие как выделение, выделение жирным шрифтом, подчеркивание, индекс и разбитый текст.
Синтаксис
- <abbr>Abbreviation</abbr>
- <b>Bold Text</b>
- <del>Deleted Text</del>
- <em>Emphasized Text</em>
- <i>Italic Text</i>
- <ins>Inserted Text</ins>
- <mark>Marked (or Highlighted) Text</mark>
- <s>Stricken Text</s>
- <strong>Strong Text</strong>
- <sub>Subscript Text</sub>
- <sup>Superscript Text</sup>
- <u>Underlined Text</u>
Жирный, Курсив и Подчеркивание
Жирный текст
Для полужирного текста используйте теги <strong> или <b> :
Какая разница? Семантика. <strong> используется для обозначения того, что текст имеет фундаментальное или семантическое значение для окружающего текста, а <b> указывает на такое значение и просто представляет текст, который должен быть выделен полужирным шрифтом.
Если бы вы использовали <b> программа «текст в речь» не произносила бы слово (слова) не иначе, как любое из других слов вокруг него — вы просто обращаете на них внимание, не добавляя никакой дополнительной важности. Используя <strong> , тем не менее, одна и та же программа хотела бы произнести эти слова другим голосом, чтобы передать, что текст в какой-то мере важен.
Курсивный текст
Для наложения курсивом используйте теги <em> или <i> :
Какая разница? Семантика. <em> используется, чтобы указать, что текст должен иметь дополнительный акцент, который следует подчеркнуть, а <i> просто представляет текст, который должен быть удален из обычного текста вокруг него.
Например, если вы хотите подчеркнуть действие внутри предложения, можно сделать это, выделив его курсивом через <em> : «Вы уже представили бы редактирование уже?»
Но если бы вы идентифицировали книгу или газету, которую обычно выделяли стилистически, вы просто использовали бы <i> : «Я был вынужден читать Ромео и Джульетту в старшей школе.
Подчеркнутый текст
Хотя сам элемент <u> устарел в HTMl 4, он был повторно введен с альтернативным смысловым значением в HTML 5 — для представления неаркулированной, нетекстовой аннотации. Вы можете использовать такой рендеринг для обозначения текста с ошибками на странице или для отметки имени пользователя в Китае.
Выделив
Элемент <mark> является новым в HTML5 и используется для выделения или выделения текста в документе «из-за его значимости в другом контексте». 1
Наиболее распространенным примером было бы в результатах поиска, когда пользователь ввел поисковый запрос, и результаты показаны с указанием желаемого запроса.
Обычное стандартное форматирование — черный текст на желтом фоне, но это можно изменить с помощью CSS.
Вставить, удалить или удалить
Чтобы пометить текст как вставленный, используйте <ins> :
Чтобы пометить текст как удаленный, используйте <del> :
Чтобы пробить текст, используйте <s> :
Верхний индекс и подстрочный индекс
Чтобы компенсировать текст вверх или вниз, вы можете использовать теги <sup> и <sub> .
Чтобы создать надстрочный индекс:
Чтобы создать индекс:
Сокращение
Чтобы отметить какое-то выражение как аббревиатуру, используйте <abbr> :
Если присутствует, атрибут title используется для представления полного описания такой аббревиатуры.