logo

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

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

java do while

gh-660x321



Зміст

Підрядковий

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

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



html






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

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

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

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

>

>

Вихід:

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

html




алгоритм kmp

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

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

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

Тi+2sub>= Tisub> + Т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>>

>

пасхальні яйця на android

>

Вихід:

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

html




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

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

24sup>=16p>

X4sup>+ Y6sup>p>

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

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

>

алгоритм к-нн
>

Вихід:

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

HTML




> <>html>>> > <>body>>> ><>p>>Тестування>>> <>sub>>підрядковий текстsub> p>

Тестуванняверхній індекс textsup> p> body> html>>

>

>

Вихід:

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

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