Теги нижнього та верхнього індексу HTML

Теги нижнього та верхнього індексу HTML

У HTML, в тег використовується для нижнього індексу, що робить текст трохи нижче звичайного рядка, тоді як тег використовується для верхнього індексу, розташовуючи текст трохи вище звичайного рядка. Ці теги використовуються для форматування тексту у спосіб, який є або нижчим, або вищим за звичайний текстовий рядок, що корисно для таких програм, як хімічні формули чи математичні вирази.

gh-660x321

Зміст

Підрядковий

The тег використовується для додавання підрядкового тексту до документа HTML. The тег визначає підрядковий текст. Підрядковий текст відображається на половину символу нижче звичайного рядка та іноді відображається меншим шрифтом. Підрядковий текст можна використовувати для хімічних формул, наприклад, H2O записувати як H 2 О.

приклад: Реалізація тегу subscript з прикладом.

html




> <> html> >> > <> head> >> > <> style> >> > sub {> > vertical-align: sub;> > font-size: small;> > }> > style>голова>

Піделемент відображається так p>

Цей текст містить підрядковий текстsub> p>

Щоб побачити ефект, змініть налаштування CSS за замовчуванням. p> body> html>>

Вихід:

приклад: Реалізація підрядкового тегу в математичній формі.

html




> <> html> >> <> head> >> > <> style> >> > sub {> > vertical-align: sub;> > font-size: medium;> > }> > style>голова>

Приклади для демонстрації підрядкового текстуp>

Хімічна формула води Н 2sub>On>

Т i+2sub>= T isub> + Т i+1sub>p>

Змініть налаштування CSS за замовчуванням, щоб побачити ефект.p> body> html>>

Вихід:

Верхній індекс :

The тег використовується для додавання верхнього індексу до документа HTML. The тег визначає надрядковий текст. Верхній індекс з’являється на половину символу над звичайним рядком і іноді відображається меншим шрифтом. Верхній індекс можна використовувати для виносок.

приклад: Реалізація тегу суперскрипту з прикладом.

html




> <> html> >> <> head> >> > <> style> >> > sup {> > vertical-align: super;> > font-size: small;> > }> > style>голова>

Елемент sup відображається так:p>

Цей текст містить верхній індекс textsup>p>

Змініть налаштування CSS за замовчуванням, щоб побачити ефект.p> body> html>>

Вихід:

приклад: Реалізація тегу sup script у математичній формі з прикладом.

html




> <> html> >> > <> head> >> > <> style> >> > sup {> > vertical-align: super;> > font-size: medium;> > }> > style>голова>

Приклади для демонстрації верхнього індексу textp>

2 4sup>=16p>

X 4sup>+ Y 6sup>p>

9 thsup> вересняp>

Змініть налаштування CSS за замовчуванням, щоб побачити ефект.p> body> html>>

Вихід:

приклад: Реалізація тегів sup і sub script

HTML




> <> html> >> > <> body> >> > <> p> >Тестування>>>

Вихід:

Підтримуваний браузер:

  • Google Chrome 1
  • Microsoft Edge 12
  • Firefox 1
  • Опера 15
  • Safari 4