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

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

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

Рис. 1

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

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

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

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

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

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

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

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

Синтаксис

_{текст в нижнем индексе}

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

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

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


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

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

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

42. Верхний и нижний индекс в HTML

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

Если урок был полезным,
можете поделиться им с друзьями

Похожие уроки и записи блога

Универсальные атрибуты в HTML Разметка текста
Урок 3. Генерация SSH-ключа для работы с GitHub Блог
Первое знакомство с Python Знакомство с Python
Урок 4. Основные команды в Git Блог
Свойство background для работы с фоном Цвета и фон
Написание модулей в Python Знакомство с Python
Кодировка HTML страницы и атрибуты Знакомство с HTML
Первое знакомство с HTML Знакомство с HTML
Работа с файлами в Python Знакомство с Python
Вернуть расположение блоков
Восстановить код

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Напишите формулу серной кислоты: H2SO4 — 2 и 4 в нижнем индексе
Напишите число 2 в 5 степени

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.

Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.
Раздел «Разметка текста»
25 . УРОК: Заголовки и подзаголовки в HTML
26 . ПРАКТИКА: Заголовки и подзаголовки в HTML (практика 1)
27 . ТЕСТ: Тест по заголовкам и подзаголовкам в HTML
28 . УРОК: Что такое абзац в HTML (тег P)?
29 . ТЕСТ: Тест по абзацам в HTML
30 . УРОК: Перенос строки и разделительная линия в HTML
31 . ПРАКТИКА: Практика: Перенос строки в HTML
32 . ТЕСТ: Тест по переносу строки и разделительной линии в HTML
33 . УРОК: Нумерованный список в HTML
34 . ТЕСТ: Тест по нумерованным спискам в HTML
35 . УРОК: Что такое маркированный список в HTML
36 . ТЕСТ: Тест по маркированным спискам в HTML
37 . УРОК: Акцентирование (выделение) текста в HTML
38 . ПРАКТИКА: Жирно-курсиво-перечеркнутый
39 . ТЕСТ: Тест по акцентированию текста в HTML
40 . УРОК: Цитаты в HTML
41 . ТЕСТ: Тест по цитатам в HTML
УРОК 42 . Верхний и нижний индекс в HTML
43 . ТЕСТ: Тест по индексам в HTML
44 . УРОК: Универсальные атрибуты в HTML
45 . ТЕСТ: Тест по универсальным атрибутам в HTML
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 3. Ссылки
Раздел 4. Изображения
Раздел 5. Таблицы
Раздел 6. Формы
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Практика с htmlbook.ru
Раздел 23. Элементы сайта
Раздел 24. Знакомство с Flexbox
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Одновременное использование верхнего и нижнего индексов

Предположим, мне надо записать что-то с подписями в верхнем и нижнем индексе, — уравнение электронного баланса некой реакции в блог выложить, к примеру. Можно, конечно, написать так:

2NO ₃ ^-

Но, ожидаемо, браузер расположит текст в порядке написания, а не на одной линии, так что получится вот такая картина: Есть ли способ в html/css расположить верхний и нижний индексы на одной линии по вертикали? Очевидное решение — отрицательный отступ, но это костыль, к тому же — весьма ненадёжный: Изменение шрифта может привести к тому, что индекс «поплывёт» и наложится на основной текст.