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

Тег HTML нижний индекс

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

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

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

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

Синтаксис

текст в нижнем индексе

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

Химическая формула воды — это H₂O, а молекулярного кислорода — O₂.

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

 
 
 
 
Химическая формула воды - это H2O, а молекулярного кислорода - O2.





 

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

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

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

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

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

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

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

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

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

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

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

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

См. также

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

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

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

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

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

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





  

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

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

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

Создание текста с верхним или нижним индексом

Чтобы создать верхний индекс, введите [@+text@#] , а чтобы создать нижний индекс, введите [@-text@#] , где text — это текст заметки для верхнего или нижнего индекса.

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