2015-09-07
596
В последних версиях HTML появилось еще два новых тэга - тэги нижнего и верхнего индексов. Данные тэги удобны, когда вам нужно отобразить в своей странице такую специфическую информацию как химические формулы (H2O) или математические формулы (a2=b+c2).
Чтобы текст выводился в виде нижнего индекса, его следует пометить между тэгами <sub> и </sub>, в виде верхнего - <sup> и </sup>. Например:
| Химическая формула воды - H<sub>2</sub>0 |
| Используемая нами формула - a<sup>2</sup>=b+c<sup>2</sup> |
Вот что мы получим в результате:
| Химическая формула воды - H20 |
| Используемая нами формула - a2=b+c2 |
Тэг редактирования стиля текста <font>
Тэг <font> имеет дополнительные возможности для задания размера шрифта основного текста. Вместо определенного номера вы можете задать относительный размер шрифта, например +3 или -1. Браузер прибавляет (или вычитывает) заданное число к номеру шрифта, используемого по умолчанию (размер 3). На пример:
| <font size=+3>текст заданный параметром +3</font> <font size=-2>текст заданный параметром -2</font> |
Вот что мы получим в результате:
|
|
|
| текст заданный параметром +3 текст заданный параметpом -2 |
Поскольку шрифт обычно имеет размер +3, первая строка приведенного кода будет выведена на экран шрифтом 6 (3+3=6), а вторая будет иметь размер 1 (3-2=1).
Часто относительное задание размеров используется для вывода первой буквы фразы более крупным шрифтом, чем остальное предложенное. Этот метод позволяет привлечь внимание к определенному фрагменту веб-страницы.
Ниже даны примеры вывода первого символа более крупным шрифтом, чем остальное предложенное:
| <font size=5>П</font>римеры из книги<br> <font size=6>Г</font>лава <font size=6>4</font> |
Вот что мы получим в результате:
| Примеры из книги Глава 4 |
Вложенные тэги <font>
Часто тэг <font> применяется с вложениями вдруг в друга для выделения определенных участков текста. Ниже приведен пример не правильного вложения тэга <font> с параметром «size»:
| <font size=+1>Крупный, <font size=+1>Крупнее, <font size=+1>Крупнейший</font></font></font>. |
Вот что получится в результате:
| Крупный, Крупнее, Крупнейший. |
Логически было бы считать, что каждый раз прописывая увеличение размера текста приведет к суммированию размеров, то есть постепенному увеличению размера текста, но браузер понимает данный синтаксис совсем иначе. Тэги <font> не являются кумулятивными. Каждый тэг <font size=+1> задает увеличение размера до 3+1=4, но это не говорит о том, что последующие тэги будут следовать алгоритму 3+1+1=5 -> 3+1+1+1=6.
Чтобы последовательно увеличить размер шрифта, следует записать HTML-код следующим образом:
| <font size=+1>Крупный</font>, <font size=+2>Крупнее</font>, <font size=+3>Крупнейший</font>. |
Вот что получится в результате:
| Крупный, Крупнее, Крупнейший. |
