Содержание

Как сделать в css или html курсивный шрифт у текста?

Html предоставляет нам кое-какие возможности в плане оформления текста. Сегодня я вам расскажу, как сделать в html курсивный шрифт, причем как у стандартного шрифта, так и у нестандартного. Во втором случае нужно будет кое-что учесть, чтобы все работало.

Как писать в html курсивом?

Начну с того, что в самом html есть два тега, которые дают тексту курсивное начертание. Это em и i. Кстати, второй встроен в html-редактор движка wordpress, в котором я сейчас и пишу данную статью. Чем отличаются эти теги? На самом деле сегодня не хотелось бы громко заявлять, что они чем-то отличаются.

В целом, em по идее используется для выделения слов, которые нужно произнести с особой интонацией, а i просто визуально выделяет текст. Но не будем над этим заморачиваться, потому что неизвестно, на самом ли деле это так.

Какие есть css-свойства для курсивного текста?

Это свойство font-style и его значение italic. Еще есть значение oblique

и оно превращает текст в наклонный. Есть ли какая-то разница между этими значениями? Практически никакой. Кстати, подробно об этом и других свойствах css для текста читайте в соответствующей статье, где все разложено по полочкам.

Как вывести курсивом нестандартный шрифт?

Дело в том, что если вы подключаете нестандартный шрифт через Google Fonts, то в таком случае вы должны отметить галочкой при подключении хотя бы 1 курсивный стиль шрифта. Если этого не сделать, то при попытке сделать такой шрифт курсивным, будет выводиться курсив одного из стандартных шрифтов. Кстати, о подключении нестандартных шрифтов вы можете прочитать в этой статье.

На этом скриншоте вы можете видеть фрагмент подключение шрифта через сервис Google Fonts.
подключение курсива

подключение курсива
Как видно, стоит галочка возле хотя бы одного курсивного начертания. Теперь, при использовании необходимых тегов или стилевого свойства, действительно этот шрифт будет становится курсивным, а не какой-то другой.

Таким образом, мы с вами разобрали все моменты, которые есть в работе с курсивным начертанием. Больше не смею вас задерживать.

Курсив html тег пример

Поддержи проект!!!

Курсив или наклоненный текст html — как сделать курсив в html, тег курсива в html, как сделать шрифт курсивом через css, либо просто в коде html!

Все способы сделать наклонный текст через css , тег i курсив

  1. Как сделать наклонный текст все способы
  2. Тег i курсива наклонный текст
  3. Наклонный текст стилями прямо в теге
  4. Наклонный текст через стили css
  5. Наклонный текст через файл css
  1. Как сделать наклонный текст все способы

    Сколько способов сделать наклонный текст существует!?

    1). Через тег курсива i — Это тестовый наклонный текст.
    2). Через тег с использованием font-style: italic.
    3). Через тег style с использованием font-style: italic.
    4). Через файл css с использованием font-style: italic.
  2. Тег i курсива наклонный текст

    Для того, чтобы сделать наклонны текст — существует отдельный тег — i курсив
    <i>Здесь тестовый наклонный текст — курсивом </i>

    Результат использования тега курсива наклонного текста:

    Здесь тестовый наклонный текст — курсивом
  3. Наклонный текст стилями прямо в теге

    Можно сделать текст наклонным конкретно в каком-то теге. Например у нас есть тег абзаца, который обозначается буквой p в английском алфавите. Просто в тег добавляем стили с font-style: italic

    style=»font-style: italic;»

    Результат дополнения в тег наклонного font-style: italic

    <p>Использование атрибута style, для придания тексту написания курсив.</p>

    Результат дополнения в тег наклонного font-style: italic

    Точечное изменение текста на курсив в одной строке…

  4. Наклонный текст через стили css

    Можно прописать наклонный текс через стили, которые будут распространяться только на эту страницу через тег style.

    Прописываем какой-то [класс] или id стилями

    <style>

    .example { font-style: italic;}

    </style>

    Далее нам потребуется какой-то тег, с этим классом:

    <div>Здесь текст наклоненный через style и класс с font-style: italic</div>

    Результат наклонного текста через css:

    Здесь текст наклоненный через style и класс с font-style: italic

  5. Наклонный текст через файл css

    Как сделать наклонный текст через файл css — — этот наклонный текст через файл ссы будет действовать на всем сайте!

    Поступаем абсолютно аналогично установке наклонного текста, как в предыдущем пункте.Только в файле css? тег style не указываем!

    .example { font-style: italic;}


Вас может еще заинтересовать список тем : #HTML | #CSS | #HTML_TAGS |

Последняя дата редактирования : 2020-01-28 10:12

https://dwweb.ru/comments_1_5/include/img/hand_no_foto.png

no

no

Еще никто не прокомментировал! COMMENTS+   BBcode Теги:
курсив html html курсив текст как сделать курсив в html шрифт курсив html выделить курсивом html тег курсива в html код html курсив как сделать текст курсивом в html жирный курсив в html полужирный курсив в html курсив css html какой html тег выводит текст курсивом как выделить текст курсивом в html выделение курсивом в html как сделать шрифт курсивом в html
Курсивный шрифт css или как правильно выделять свой текст

 

Здравствуйте, мои юные падаваны веб-программирования. Текстовый контент и его внешний вид – это важная составляющая любого онлайн-сервиса. Я бы даже сказал визитная карточка, которая сразу же определяет уровень и качество созданного сайта. Именно поэтому сегодня мы с вами будем разбирать, как задавать курсивный шрифт css средствами.

Я дам подробную информацию об инструментах каскадных стилевых таблиц и приведу один контрольный пример. Мой вам совет: старайтесь разобрать каждую строчку программного кода, а еще лучше – самостоятельно выполнить поставленное задание. Ну что ж, приступим!

Задаем курсивное начертание тексту

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

Главным свойством, которое отвечает за стилизацию текста, является font

.

Это универсальный параметр, который позволяет устанавливать одновременно множество характеристик текстовому контенту. Так, за семейство шрифтов отвечает font- family. В нем можно указывать как общий вид группы шрифтов, так и отдельный стиль (например, Calibri).

Font- stretch позволяет установить плотность расположения символов.

Font- variant описывает представление текстовой информации (прописные или строчные буквы).

За насыщенность и толщину всех знаков отвечает font- weight.

А вот font- style описывает стиль начертания. Разберем его подробнее.

 

Благодаря font- style можно указать наклонное, курсивное и обычное представление текста.

Это определяют соответственно такие ключевые слова, как oblique, italic и normal. Также можно унаследовать параметры объекта-родителя при помощи ключевого слова inherit.

Как же в данном случае ведет себя браузер? Если в css-коде задан элемент font-style, то любой существующий браузер отправляет запрос специальной системе, которая в своих резервах ищет подходящий вид шрифта. В случае отрицательного ответа на запрос, браузер запускает некий алгоритм, который имитирует заданный разработчиком стиль начертания.

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

Контрольный выстрел по знаниям

Сама по себе текущая тема публикации не сложная. Думаю, вы в этом уже давно убедились. Так что настал час перейти к практической части. Я сверстал небольшой пример, в котором постарался по максимуму использовать преимущества свойств типа

font.

При запуске программного кода в браузере вам должна отобразится шаблонная страница выдуманной брокерской компании. Обратите особое внимание как видоизменилось начертание текстового контента и сами шрифты.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>font-style</title>
  <style>
   body {
background: #D3D3D3;
 margin:0;
 }
   h2 {
    padding-left:2%;
    font-family: Verdana, Helvetica, Calibri, sans-serif;
    border-bottom: 3px solid #FFFAFA;
   } 
  div {
border: 3px double;
width: 74%;
margin-left:13%;
background: #EEE9E9;
padding-left:3%;
font-style: oblique; 
font-family:Cambria, Algerian;
  }
   p {
    font-family: Verdana;
    font-style: italic; 
    border-left: 3px solid #FFFAFA;
     width:90%;
     margin-left:4%;
padding: 25px;
   }
  </style>
 </head>
 <body> 
  <h2>Как правильно инвестировать в недвижимость</h2>
  <div><h5>Только у нас вы узнаете все фишки правильного инвестирования. Мы предоставляем свежую информацию о финансовом рынке и о стоимости ценных бумаг компаний всего мира.
Гарантируем первую бесплатную консультацию с экспертом нашей биржи.</h5></div>
  <p>Брокерская фирма "ХХХХХ" на рынке вот уже 15 лет. Наши трейдеры довольны предоставляемыми услугами. Для новичков и профессионалов мы организуем мастер-классы, бизнес-встречи, экономические и финансовые конференции...</p>
 </body>
</html>

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>font-style</title> <style> body { background: #D3D3D3; margin:0; } h2 { padding-left:2%; font-family: Verdana, Helvetica, Calibri, sans-serif; border-bottom: 3px solid #FFFAFA; } div { border: 3px double; width: 74%; margin-left:13%; background: #EEE9E9; padding-left:3%; font-style: oblique; font-family:Cambria, Algerian; } p { font-family: Verdana; font-style: italic; border-left: 3px solid #FFFAFA; width:90%; margin-left:4%; padding: 25px; } </style> </head> <body> <h2>Как правильно инвестировать в недвижимость</h2> <div><h5>Только у нас вы узнаете все фишки правильного инвестирования. Мы предоставляем свежую информацию о финансовом рынке и о стоимости ценных бумаг компаний всего мира. Гарантируем первую бесплатную консультацию с экспертом нашей биржи.</h5></div> <p>Брокерская фирма «ХХХХХ» на рынке вот уже 15 лет. Наши трейдеры довольны предоставляемыми услугами. Для новичков и профессионалов мы организуем мастер-классы, бизнес-встречи, экономические и финансовые конференции…</p> </body> </html>

На этой ноте я хочу подытожить статью о курсивном представлении текста. Надеюсь публикация оказалась для вас информативной и полезной. А если вы согласились с предыдущим предложением, то обязательно вступайте в ряды моих подписчиков и приглашайте друзей. Желаю удачи в обучении!

Пока-пока!

С уважением, Роман Чуешов

 

 

Загрузка…

Прочитано: 67 раз

Fonts CSS HTML шрифты, цвет и размер текста



Свойства шрифта CSS определяют семейство шрифтов, смелость, размер и стиль текста.


Разница между засечками и шрифтами без засечек


Семейства шрифтов CSS

В CSS существует два типа имен семейств шрифтов:

  • родовое семейство — группа семейств шрифтов с похожим видом (например, «засечка» или «однодисковая»)
  • семейство шрифтов — конкретная семья шрифтов (например, «Times New Roman» или «Arial»)
Generic family Font family Описание
Serif Times New Roman
Georgia
Шрифты с засечками имеют небольшие линии на концах на некоторых символах
Sans-serif Arial
Verdana
«Sans» означает без-эти шрифты не имеют линий на концах символов
Monospace Courier New
Lucida Console
Все одноместные символы имеют одинаковую ширину

Примечание: На компьютерных экранах шрифты без засечек считаются более удобными для чтения, чем шрифты с засечками.


Семейство шрифтов

Семейство шрифтов текста задается с помощью свойства font-family.

Свойство font-family должно содержать несколько имен шрифтов в качестве «резервной» системы. Если обозреватель не поддерживает первый шрифт, он пытается следующий шрифт и т. д.

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

Примечание: Если имя семейства шрифтов больше одного слова, оно должно быть в кавычках, например: «Times New Roman».

В списке, разделенном запятыми, указано несколько семейств шрифтов:

Пример

p {
    font-family: «Times New Roman», Times, serif;
}

Для часто используемых комбинаций шрифтов, посмотрите наши безопасные сочетания шрифтов.



Стиль шрифта

Свойство font-style в основном использ

HTML Жирный и курсив

Автор admin На чтение 2 мин. Просмотров 46 Опубликовано

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

Для более семантически ориентированной конструкции документа и с более поздними языковыми версиями было рекомендовано использовать <em> для курсива и <strong> для полужирного. Соответственно, два тега обозначают акцент (выделение) и сильный акцент (браузеры назначают им курсив и полужирный как их стили).

 Этот второй вариант, безусловно, больше соответствует принципу разделения контента и графики , согласно которому теги не должны определять внешний вид текста.

С другой стороны, в этом случае есть ограничение на наличие жирного шрифта, потому что они предназначены для нескольких очень важных слов. Если этот аспект может оказать положительное влияние также на типографский план ритма, он может иметь тенденцию унифицировать составление текстов.

Итак, давайте попробуем понять, как использовать различные теги:

ТЕГ ОПИСАНИЕ
<Strong> Жирный текст. Приписывает текст для выделения важности. Это помогает тематизировать страницу, а также может использоваться для стратегий SEO, а также в заголовках для обозначения наиболее важной части заголовка
<B> Устанавливает жирное начертание шрифта. Предлагает стилистическое различие по отношению к остальной части контента, не придавая особой важности тексту ( примечание: жирный он или нет, не имеет значения).
<Em> Браузеры отображают такой текст курсивным начертанием. Подобно <Strong>, он служит для представления текста или предложения, которое имеет большее значение по отнощению к другому тексту.
<I> Устанавливает курсивное начертание шрифта. Он служит для представления текста, который выражает тон, настроение или что-то, что отличается от остального содержимого, без добавления дополнительных значений или важности.

В конечном счете, выразительная способность «strong» и «em» улучшена, а также «i» и «b», когда-то освобожденные от определений курсива и жирного шрифта . Что касается стилей, они теперь полностью ограничены CSS.

Наклон текста | WebReference

Наклон определяется сдвигом шрифта на определённый угол. Различают два типа наклона: просто наклонный шрифт (oblique) и курсив (italic). Курсивный шрифт представляет собой не просто наклон отдельных символов, для шрифтов с засечками это полная переделка под новый стиль, имитирующий рукописный. Следует отметить, что хотя браузеры и различают тип наклона italic и oblique, при этом они отображают текст как курсив.

Для создания курсивного текста применяются элементы <i> и <em>, а также стилевое свойство font-style. Следует отметить, что <i> и <em> несмотря на сходство результата в браузере, не совсем эквивалентны и заменяемые. Первый элемент <i> (сокращение от англ. слова italic — курсив) — является элементом для физической разметки и устанавливает курсивный текст, а <em> (сокращение от англ. emphasis — выделение, акцент) — элементом логической разметки и определяет важность помеченного текста. Такое разделение элементов на логическое и физическое форматирование изначально предназначалось чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью <i> и <em>, будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих элементов равнозначен.

Чтобы различия были более заметны, добавим несколько классов с разным цветом текста (пример 1). Так мы не только сделаем акцент на выбранном тексте, но и выделим его визуально.

Пример 1. Изменение цвета текста

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Элемент em</title> <style> .error { color: #d50019; } .info { color: #006cc9; } .success { color: #0f9400; } </style> </head> <body> <p>Варианты текста: <em>для успеха</em>, <em>для информации</em>, <em>для ошибок</em></p> </body> </html>

Результат примера показан на рис. 1.

Вид текста, оформленного через em, в браузере

Рис. 1. Вид текста, оформленного через <em>, в браузере

font-style определяет начертание шрифта — normal (обычное), italic (курсивное) или oblique (наклонное), как показано в примере 2. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста. Результат и качество при этом могут получиться неудовлетворительными, особенно при печати документа.

Пример 2. Курсивный и наклонный текст

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Курсивный и наклонный текст</title> <style> .italic { font-style: italic; } /* Курсивный текст */ .oblique { font-style: oblique; } /* Наклонный текст */ </style> </head> <body> <p>Курсивный текст хорошо использовать для цитат и прямой речи.</p> <p>Наклонный шрифт пригодится для создания ненавязчивого выделения в тексте.</p> </body> </html>

Курсив и наклонный шрифт при всей их похожести — не одно и то же. Курсив — это специальный шрифт, напоминающий рукописный, наклонный же образуется путём наклона обычных знаков. Несмотря на то, что между указанными начертаниями существует различие, браузеры, как правило, отображают их одинаково (рис. 2).

Курсивный и наклонный текст в браузерах отображается одинаково

Рис. 2. Курсивный и наклонный текст в браузерах отображается одинаково

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 11.03.2020

Редакторы: Влад Мержевич

Как научиться разрабатывать сайты
Основы HTML. Выделение текста курсивом, полужирным. Создание списков. Имена файлов

Продолжаю серию постов для начинающих освоение HTML.

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

Кроме этого – несколько важных правил относительно имён файлов, размещаемых на хостинге.

Теги выделения текста курсивом и полужирным шрифтом

Тег <strong>Текст внутри этого тега, будет выведен браузером полужирным шрифтом</strong>.

Тег <em>даёт команду браузеру вывести текст — курсивом</em>.

Надо сказать, что оба этих тега называются логическими, и их назначение – именно логическое выделение участка текста.

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

В HTML5 вернули, ранее считавшиеся устаревшими, теги физического форматирования <b> – от слова bold (“полужирный”) и тег <i> от слова italica (“курсив”). Но я по-прежнему рекомендую их не использовать, а отдать предпочтение <strong> и <em>.

Маркированный и нумерованный списки

В таблице ниже, вы увидите, что начало маркированного списка задаёт тег <UL>, а начало нумерованного списка – тег <OL>.

Каждый пункт списка находится в теге <LI>.


Маркированный список (не упорядоченный)
ВЕБ мастер должен освоить:

  • HTML
  • CSS
  • JavaScript
  • AdobePhotoshop

HTML код:

<ul>
	<li>HTML</li>
	<li>CSS</li>
	<li>JavaScript</li>
	<li>AdobePhotoshop</li>
</ul>

Нумерованный список (упорядоченный)

Для создания успешного блога нужно:

  1. купить домен
  2. хостинг
  3. установить WordPress
  4. написать статьи

HTML код:

<ol>
	<li>купить домен</li>
	<li>хостинг</li>
	<li>установить WordPress</li>
	<li>написать статьи</li>
</ol>

Внутри OL и UL нельзя будет размещать ничего, кроме элементов LI, но в самих пунктах списка (LI) могут быть вложены, например, ссылки.

Маркированные списки, с отключенными маркерами, широко используются для создания различных навигационных меню по сайту.

Специальным указанием, в CSS этого документа, любой список из вертикально расположенного, можно превратить в горизонтальный.

Атрибуты HTML тегов

Ещё можно встретить в HTML-коде такие конструкции:

<UL TYPE=»SQUARE»>

“дополнение”, которое идёт через пробел внутри угловых скобок тега – называется “атрибут тега”. В данном случае, этот атрибут даёт указание браузеру заменить в маркированном списке традиционные чёрные кружки маркеров, на квадратики.

В наступающем Новом Году HTML5, НЕ рекомендуется использовать атрибуты тегов. Для этой цели, теперь нужно  использовать возможности CSS3 (Каскадные таблицы стилей).

С помощью CSS3 можно поменять не только вид маркеров (это может быть любой символ, который есть в шрифте), но и тип символов нумерации в нумерованных списках. Это могут быть, например, римские цифры или буквы латинского алфавита (A, B, C, D…).

О CSS правилах для изменения внешнего вида маркеров списка я буду рассказывать позже.

Тег переноса строки и создания горизонтальной линии

Для принудительного переноса текста на следующую строку (без создания нового абзаца) служит тег <BR />.

Иногда, его используют, когда нужно просто вывести несколько строк друг над другом. Почтовый адрес, например.

Для визуального отделения частей страницы, можно использовать тег <HR />. Он создает горизонтальную линию. Длину этой линии можно задать внутри тега атрибутом WIDTH.

<hr />

Эта линия будет занимать 30% от ширины родительского элемента.


Примерно так…
Посмотрите презентацию на тему «Основы HTML». В ней рассказ о уже известных вам, базовых тегах HTML.

Важные правила при задании имени файла

Нужно помнить, что есть ограничения при выборе имени файла HTML-документа (это же относится и к названиям каталогов). Эти особенности связаны с UNIX – подобной операционной системой, именно их используют большинство хостинг-провайдеров.

Правила просты:

  1. Не используйте русских букв, в именах могут быть только латинские буквы и цифры,
  2. Не используйте пробелы. Их можно заменить на символ_нижнего_подчеркивания. Хотя, часто слова в имени файла пишут слитно.
  3. Не используйте специальные символы, типа: “№;%:?*()”@! Можно использовать только нижнее подчёркивание и точку (хотя лучше один раз – перед расширением).
  4. Желательно называть имена и каталоги буквами только в нижнем регистре (т.е. маленькими буквами).

Вот и все правила – три “золотых” и одно “серебряное”.

Продолжение сериала…

В следующей статье поговорим о вставке изображений в HTML – страницу. Тег IMG и его атрибуты.

90000 HTML Text Formatting 90001 90002 90003 HTML contains several elements for defining text with a special meaning. 90004 90002 90006 Example 90007 90003 90009 This text is bold 90010 90004 90003 90013 This text is italic 90014 90004 90003 This is 90017 subscript 90018 and 90019 superscript 90020 90004 Try it Yourself » 90002 90023 HTML Formatting Elements 90024 90003 Formatting elements were designed to display special types of text: 90004 90027 90028 90029 90030 — Bold text 90031 90028 90029 90030 — Important text 90031 90028 90029 90030 — Italic text 90031 90028 90029 90030 — Emphasized text 90031 90028 90029 90030 — Marked text 90031 90028 90029 90030 — Smaller text 90031 90028 90029 90030 — Deleted text 90031 90028 90029 90030 — Inserted text 90031 90028 90029 90030 — Subscript text 90031 90028 90029 90030 — Superscript text 90031 90068 90002 90023 HTML and Elements 90024 90003 The HTML 90029 90030 element defines bold text, without any extra importance.90004 90003 The HTML 90029 90030 element defines text with strong importance. The content inside is typically displayed in bold. 90004 90002 90002 90023 HTML and Elements 90024 90003 The HTML 90029 90030 element defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic. 90004 90003 90089 Tip: 90090 The 90029 90030 tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc.90004 90003 The HTML 90029 90030 element defines emphasized text. The content inside is typically displayed in italic. 90004 90003 90089 Tip: 90090 A screen reader will pronounce the words in 90029 90030 with an emphasis, using verbal stress. 90004 90002 90023 HTML Element 90024 90003 The HTML 90029 90030 element defines smaller text: 90004 90002 90023 HTML Element 90024 90003 The HTML 90029 90030 element defines text that should be marked or highlighted: 90004 90002 90023 HTML Element 90024 90003 The HTML 90029 90030 element defines text that has been deleted from a document.Browsers will usually strike a line through deleted text: 90004 90002 90023 HTML Element 90024 90003 The HTML 90029 90030 element defines a text that has been inserted into a document. Browsers will usually underline inserted text: 90004 90002 90023 HTML Element 90024 90003 The HTML 90029 90030 element defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font.Subscript text can be used for chemical formulas, like H 90017 2 90018 O: 90004 90002 90023 HTML Element 90024 90003 The HTML 90029 90030 element defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW 90019 [1] 90020: 90004 90002 90023 HTML Exercises 90024 90002 90023 HTML Text Formatting Elements 90024 90156 90157 90158 Tag 90159 90158 Description 90159 90162 90157 90164 90165 90164 Defines bold text 90165 90162 90157 90164 90165 90164 Defines emphasized text 90165 90162 90157 90164 90165 90164 Defines a part of text in an alternate voice or mood 90165 90162 90157 90164 90165 90164 Defines smaller text 90165 90162 90157 90164 90165 90164 Defines important text 90165 90162 90157 90164 90165 90164 Defines subscripted text 90165 90162 90157 90164 90 165 90164 Defines superscripted text 90165 90162 90157 90164 90165 90164 Defines inserted text 90165 90162 90157 90164 90165 90164 Defines deleted text 90165 90162 90157 90164 90165 90164 Defines marked / highlighted text 90165 90162 90223 90224 .90000 CSS (font-style). html:,. 90001 90002 html CSS. : 90003 90004 90005 html 90006 90005 CSS font-style 90006 90009 90010 90011 html 90012 90002 . «I» «italic» (). 90003 90002 90003 90017 90018

. i

. em 90019 90020 90010 90010 90011 CSS font-style 90012 90002 CSS font-style,. 90003 90002 90028 CSS font-style 90029 90003 90017 90018 font-style: normal | italic | oblique | inherit; 90019 90020 90010 90004 90005 normal () 90006 90005 italic 90006 90005 oblique (,) 90006 90005 inherit 90006 90009 90002 italic oblique.. ,,. 90003 90002 CSS font-style: 90003 90017 90018