Как сделать степень в html

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

Индексом по отношению к тексту называется смещение символов относительно базовой линии вверх или вниз. В зависимости от положительного или отрицательного значения смещения, индекс называется, соответственно, верхним или нижним. Они активно применяются в математике, физике, химии и для обозначения единиц измерения. HTML предлагает два элемента для создания индекса: (от англ. superscript) — верхний индекс и (от англ. subscript) — нижний индекс. Текст, помещённый в один из этих контейнеров, обозначается меньшим размером, чем базовый текст, и смещается относительно него вверх или вниз. В примере 1 приведено совместное использование указанных элементов и стилей для изменения вида текста.

Пример 1. Создание верхнего и нижнего индекса

В примере одновременно встречается как нижний, так и верхний индекс. Для изменения начертания шрифта индекса применяются стили, которые задают единое оформление (рис. 1).

Рис. 1. Вид индексов после применения стилей

Можно вообще отказаться от использования и в пользу стилей. Аналогом этих элементов служит свойство vertical-align , заставляющее текст смещаться по вертикали на заданное расстояние. В частности, в примере 2 в качестве значения применяется 0.8em для верхнего индекса и -0.5em для нижнего. Em — это относительная единица, равная размеру текущего шрифта. Например, 0.5em говорит о том, что текст надо сдвинуть на половину размера шрифта.

Пример 2. Использование стилей для управления индексами

В примере сама формула выводится увеличенным размером, символы верхнего индекса устанавливаются красным цветом, а нижние — синим (рис. 2).

Рис. 2. Управление положением и видом нижнего и верхнего индекса

Использование элемента делает код громоздким, поэтому лучше переопределить стили и , в частности, задать положение индекса, цвет и курсивное начертание.

См. также

• vertical-align
• Блочные элементы
• Выравнивание картинок
• Продвинутая семантика и доступность
• Работа с текстом
• Строчные элементы

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

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

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

Текст также можно писать в виде нижнего индекса. Для этого используйте тег .

Все виды выделения текста описаны в статье: Теги форматирования текста в HTML.

Синтаксис

текст в верхнем индексе

Отображение в браузере

Теорема Пифагора для прямоугольного треугольника: a 2 + b 2 = c 2 .

Пример использования в HTML коде

 
 
 
 
Теорема Пифагора для прямоугольного треугольника: a2 + b2 = c2.
 

Поддержка браузерами

Тег
	Да	Да	Да	Да	Да

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

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

      
Характеристическое уравнение поверхности второй степени
 
λ3 - I1λ2 + I2λ - I3 = 0 
  

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

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

Популярные задачи

• TEX
• Отступы между блоков
• Андроид в тени
• Ссылка как кнопка
• Вложенные списки
• Форма регистрации
• Объединение ячеек таблицы
• Обязательные поля формы
• Цвет и фон в таблице
• Асуанская плотина
• Батарейка
• Заголовки

Теги sub и sup, нижний и верхний индексы

Наконец-то новая запись. Вам доверили поработать с методическим материалом, в котором описываются формулы. Всё почти завершено, осталось только расставить верхние и нижние индексы. Для них тоже есть специальные теги.

Тег (сокращение от «superscript») отображает текст в виде верхнего индекса, а тег (сокращение от «subscript») в виде нижнего индекса.

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

20м2 H2O X3+X2=1

В браузере это будет выглядеть так:

Для создания более сложных формул, например, e x 2 или у x_n+1 , теги и _{можно использовать внутри друг друга.}

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

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

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

Блог

День восьмой. Очень серьёзный

Что я узнал! В программе тренинга Кекса для начинающих котят появился новый мастер-класс — «Как не провалиться под снег». А мне поручили сверстать небольшой методический материал.

Давление на поверхность рассчитывается по такой формуле: p = m * g / S.

Дано: p1 = 1635Па

Вычисляем: p2 = m2 * g / S = 9кг * 9.81Н / 0.03м2 = 2942Па

где:
p1 — давление лапки на снег до новогодних каникул,
p2 — давление лапки после праздников,
m2 — масса кота после праздников,
S — площадь снежной поверхности,
g — ускорение свободного падения.

Максимальное давление, которое выдерживает первый наст — 2000 Па.

Трудно быть котом.