Как сделать верхний индекс в html

автор: admin
31.01.2024

HTML тег

HTML тег определяет текст в верхнем индексе (надстрочный текст).

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

Такой текст на практике может быть использован, например для написания различных формул или сносок. Сноска — это ссылка на дополнительные пояснения к тексту.

Примечание: для написания текста в нижнем индексе используется тег .

Атрибуты

Стиль по умолчанию

Пример

Результат данного примера в окне браузера:

Пример использования тега <sup></p>
<p>» width=»375″ height=»179″ /></p><div class='code-block code-block-5' style='margin: 8px 0; clear: both;'>

<script src=

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Верхние и нижние индексы

Это задание архивной части. Перейдите по ссылке, чтобы пройти актуальный тренажёр.

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

Например: 20 м 2 , H₂O, X 3 +X 2 =1

Тег отображает текст в виде верхнего индекса.

Тег отображает текст в виде нижнего индекса.

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

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

Если вам нужно вставить очень сложную формулу в HTML-документ, лучше воспользоваться специальным языком разметки MathML.

Перейти к заданию

index.html Сплит-режим

Верхний индекс

SAP HTML

Шрифт, расположенный между тегами , отображается символами в верхнем индексе. При этом текст, сдвигается выше общей линии по отношению к стандартным буквам и выводится в уменьшенном виде.

Пример записи

 ^Текст

HTML тег sup верхний индекс

 HTML 1 000 000 = 10 ⁶

 CSS html, body < height: 100%; margin: 0; padding: 0; overflow: hidden; background-color: #eaeaea; font-family: Arial, Helvetica, sans-serif; >body < padding-top: 40px; padding-left: 115px; >.box < padding-top: 23px; padding-bottom: 24px; padding-right: 20px; padding-left: 20px; background-color: #fc0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 2px solid #333; display: inline-block; >.box p

Верхний и нижний индекс

Напишите код HTML, чтобы получить результат, приведенный на рис. 1.

Рис. 1

    Уравнение  Характеристическое уравнение поверхности второй степени
 λ³ - I₁λ² + I₂λ - I₃ = 0

Статьи по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.