Степень в html – Как написать степень числа 🚩 как писать маленькие цифры 🚩 Математика

| HTML | WebReference

Элемент <sup> (от англ. superscript — верхний индекс) отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.

Закрывающий тег

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>SUP</title>
 </head>
 <body>
  <p><b>Великая теорема Ферма</b></p>
  <p><i>X <sup><small>n</small></sup> + Y <sup><small>n</small></sup> 
   = Z <sup><small>n</small></sup></i></p>
  <p>где n - целое число > 2</p>
 </body>
</html>

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

Вид текста, оформленного с помощью sup

Рис. 1. Вид текста, оформленного с помощью <sup>

Спецификация ?

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor's draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

×

Браузеры

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 10.10.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

Теги sub и sup, нижний и верхний индексы — Разметка текста — HTML Academy

HTML

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Сайт начинающего верстальщика</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <p>Блог</p> <nav> На главную </nav> </header> <main> <article> <h2>День восьмой. Очень серьёзный</h2> <p>Что я узнал! В программе тренинга Кекса для начинающих котят появился новый мастер-класс — «Как не провалиться под снег». А мне поручили сверстать небольшой методический материал.</p> <p>Давление на поверхность рассчитывается по такой формуле: p = m * g / S.</p> <!-- Выполняйте первую задачу в следующем абзаце --> <p>Дано: p1 = 1635Па</p> <!-- Выполняйте вторую задачу в следующем абзаце --> <p>Вычисляем: p2 = m2 * g / S = 9кг * 9.81Н / 0.03м2 = 2942Па</p> <p>где:<br> p1 — давление лапки на снег до новогодних каникул,<br> p2 — давление лапки после праздников,<br> m2 — масса кота после праздников,<br> S — площадь снежной поверхности,<br> g — ускорение свободного падения.</p> <p>Максимальное давление, которое выдерживает первый наст — 2000 Па.</p> <p>Трудно быть котом.</p> </article> <aside> Тут могла быть ваша реклама </aside> </main> <footer> Подвал сайта </footer> </body> </html>

CSS

body { padding: 0 30px; font-size: 14px; line-height: 22px; font-family: "Georgia", serif; color: #222222; } h2 { font-size: 20px; line-height: normal; } nav { color: #888888; } aside { margin: 20px 0; color: #c4c4c4; }

Теги и // Вебшкола онлайн



Пример

<p>Этот текст содержит <sub>подстрочный</sub> текст.</p>

<p>Этот текст содержит <sup>надстрочный</sup> текст.</p>

Описание и использование

Тег <sub> используется для вставки подстрочного текста. Подстрочный текст может быть использован для вставки химических формул :H2O.

Тег <sup> используется для вставки надстрочного текста. Надстрочный текст может быть использован для вставки степени числа: x2+y2=z2.


Браузерная поддержка


Теги <sub> и <sup>поддерживаются всеми основными браузерами.


Отличия между HTML и XHTML

Нет


Стандартные атрибуты

DTD показывает в какой версии DTD использование атрибута разрешено. S=Strict, T=Transitional и F=Frameset.

Теги <sub> и <sup> поддерживают следующие стандартные атрибуты:

Атрибут Значение
Описание
DTD
class название класса Указывает название класса для элемента STF
dir rtl
ltr
Указывает направление вывода текста для элемента STF
id id Указывает id для элемента STF
lang код_языка Указывает код языка содержимого элемента STF
style описание_элемента Указывает строчный стиль элемента STF
title текст Указывает дополнительную информацию об элементе STF
xml:lang код_языка Указывает код языка содержимого элемента в XHTML документах STF

Дополнительная информация о стандартных атрибутах.


События

Теги <sub> и <sup> поддерживают следующие атрибуты событий:

Атрибут Значение Описание DTD
onclick скрипт Скрипт, который должен быть выполнен при одинарном щелчке мышью STF
ondblclick скрипт Скрипт, который должен быть выполнен при двойном щелчке мышью STF
onmousedown скрипт
Скрипт, который должен быть выполнен, если пользователь зажал кнопку мыши
STF
onmousemove скрипт Скрипт, который должен быть выполнен при движении курсора мыши STF
onmouseout скрипт Скрипт, который должен быть выполнен, если пользователь передвинул курсор мыши за пределы элемента STF
onmouseover скрипт Скрипт, который должен быть выполнен, когда пользователь двигает курсор мыши над элементом STF
onmouseup скрипт Скрипт, который должен быть выполнен, когда пользователь отпускает кнопку мыши STF
onkeydown скрипт Скрипт, который должен быть выполнен при нажатии клавиши пользователем STF
onkeypress скрипт Скрипт, который должен быть выполнен при нажатии и отпускании клавиши пользователем STF
onkeyup скрипт Скрипт, который должен быть выполнен при отпускании клавиши пользователем STF

Дополнительная информация о cобытиях HTML.

| Справочник HTML



Элемент <sup> (от англ. "superscript" ‒ «надстрочный, верхний индекс») определяет вложенный в него текст в верхнем индексе.

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

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

[1].

Синтаксис

<sup>Текст</sup>

Закрывающий тег

Обязателен.

Атрибуты

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <sup> со следующими значениями CSS по умолчанию:

sup { 
    vertical-align: super;
    font-size: smaller;
}

Различия между HTML 4.01 и HTML5

Нет.

Пример использования:

Выпадающий список с четырьмя вариантами выбора:

Пример HTML:

Попробуй сам
<p>Полная энергия физического объекта:</p>
<p><var>E</var>=<var>m</var><var>c</var><sup>2</sup>, где E — энергия объекта, m — его масса, c — скорость света в вакууме.</p>

Спецификации

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

Элемент
<sup> 2+ 1+ 3.5+ 1+ 1+ 1+
Элемент
<sup> 1+ 1+ 6+ 1+

Попробуйте сами - Примеры

Как сделать текст жирным и привлечь к нему внимание:
Важный и жирный текст

Как сделать акцент на фрагменте текста:
Акцент и курсив

Как отобразить текст в нижнем или верхнем индексе:
Форматирование текста


Учебник HTML

HTML уроки: HTML Форматирование

HTML Элементы



Строчные элементы | htmlbook.ru

Строчными называются такие элементы веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. В основном они используются для изменения вида текста или его логического выделения.

<a>

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь.

<b>

Определяет жирное начертание шрифта.

<big>

Тег <big> увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега <big> увеличивает текст на одну условную единицу.

<br>

Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега параграфа <p>, использование тега <br> не добавляет пустой отступ перед строкой.

<em>

Тег <em> предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.

<i>

Устанавливает курсивное начертание шрифта.

<img>

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0" в тег <img>.

<small>

Тег <small> уменьшает размер шрифта на единицу по сравнению с обычным текстом. По своему действию похож на тег <big>, но действует с точностью до наоборот.

<span>

Универсальный тег, предназначенный для определения строчного элемента внутри документа.

<strong>

Тег <strong> предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.

<sub>

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

<sup>

Отображает шрифт в виде верхнего индекса. По своему действию похож на <sub>, но текст отображается выше базовой линии текста — м2.

Разница между блочными и строчными элементами следующая.

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

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

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