HTML тег
HTML тег определяет текст в верхнем индексе (надстрочный текст).
Текст в верхнем индексе отображается уменьшенным размером и располагается выше, чем базовая линия остальных символов строки. Базовая линия — это линия, которая проходит по нижнему или верхнему краю символов.
Такой текст на практике может быть использован, например для написания различных формул или сносок. Сноска — это ссылка на дополнительные пояснения к тексту.
Примечание: для написания текста в нижнем индексе используется тег .
Атрибуты
Стиль по умолчанию
Пример
Результат данного примера в окне браузера:
![Пример использования тега <sup></p>
<p>» width=»375″ height=»179″ /></p>
<p>Копирование материалов с данного сайта возможно только с разрешения администрации сайта <br />и при указании прямой активной ссылки на источник. <br />2011 – 2024 © puzzleweb.ru | razumnikum.ru</p>
<h2>Как сделать индекс в html</h2>
<p>Создание текста с верхним или нижним индексом</p>
<p>Чтобы создать верхний индекс, введите [@+text@#] , а чтобы создать нижний индекс, введите [@-text@#] , где text — это текст заметки для верхнего или нижнего индекса.</p>
<p>Можно сделать надстрочным или подстрочным простой текст и специальные символы; однако нельзя сделать подстрочными размеры, номера экземпляров, другие значения параметров или геометрические допуски. Можно создать верхний или нижний индекс в качестве отдельной заметки или включить его в строку текста, содержащую обычный текст, с любой его стороны и изменять независимо от остального текста в текстовой строке, в которой он появляется. Система позиционирует текст относительно ближайшей строки обычного текста, независимо от того, является ли этот текст частью другой надписи, или частью создаваемой в настоящий момент времени заметки.</p>
<h2>Одновременное использование верхнего и нижнего индексов</h2>
<p>Предположим, мне надо записать что-то с подписями в верхнем и нижнем индексе, — уравнение электронного баланса некой реакции в блог выложить, к примеру. Можно, конечно, написать так:</p>
<pre><code>2NO <sub>3</sub> <sup>-</sup> </code></pre>
<p><img decoding=](https://puzzleweb.ru/images/examples/sup.png)
Но, ожидаемо, браузер расположит текст в порядке написания, а не на одной линии, так что получится вот такая картина: Есть ли способ в html/css расположить верхний и нижний индексы на одной линии по вертикали? Очевидное решение — отрицательный отступ, но это костыль, к тому же — весьма ненадёжный: Изменение шрифта может привести к тому, что индекс «поплывёт» и наложится на основной текст.
Верхний и нижний индексы
Индексом по отношению к тексту называется смещение символов относительно базовой линии вверх или вниз. В зависимости от положительного или отрицательного значения, индекс называется, соответственно, верхним или нижним. Они активно применяются в математике, физике, химии и для обозначения единиц измерения. HTML предлагает два тега для создания индекса: — верхний индекс и — индекс нижний. Текст, помещенный в один из этих контейнеров, обозначается меньшим размером, чем базовый текст и смещается относительно горизонтали.
В примере 7.6 показано, где применяется подобный текст
Пример 7.6. Использование нижнего индекса
Нижний индекс Формула серной кислоты: H2SO4
Результат данного примера показан на рис. 7.6.
Рис. 7.6. Отображение текста в виде нижнего регистра