Как сделать индекс в html
Перейти к содержимому

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

  • автор:

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

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

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

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

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

Синтаксис

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

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

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

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




Текст в верхнем индексе при использовании тега sup

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

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

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
Да Да Да Да Да

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

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

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

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

20м2 H2O X3+X2=1

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

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

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

Хотите начать карьеру веб-разработчика? Записывайтесь на профессию «Фронтенд-разработчик», которая стартует 12 декабря 2023. Всего от 5 790 ₽ в месяц.

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

  • 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 Па.

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

Подвал сайта

HTML тег

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

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

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

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

Атрибуты

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

Пример

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

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

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

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

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

В примере 7.6 показано, где применяется подобный текст

Пример 7.6. Использование нижнего индекса

    Нижний индекс  

Формула серной кислоты: H2SO4

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

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

Рис. 7.6. Отображение текста в виде нижнего регистра

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

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