Форматирование текста - часть 2
<html> <body> <p><big>Данный параграф отформатирован тегом big </big></p> <p><small>Данный параграф отформатирован тегом small </small></p> <p>А в данном параграфе теги не применяются</p> </body> </html>
Пример выполнения данного HTML-кода
Другой парой полезных тегов являются <sup> - верхний индекс и <sub> - нижний индекс. Которые могут быть полезными при написании математических и химических формул. Сравните формулы набранные различным способом
<html> <body> <p>Формула воды H2O. В данном параграфе формула набрана без использования тега sub</p> <p>Формула воды H<sub>2</sub>O. В данном параграфе формула набрана с использованием тега sub Формула выглядит более привычно.</p> <p>2^4=16. В данном параграфе формула набрана без использования тега sup</p> <p>2<sup>4</sup>=16. В данном параграфе формула набрана с использованием тега sup Формула выглядит более привычно.</p> </body> </html>
Пример выполнения данного HTML-кода
В некоторых случаях, например для вывода кода программ, полезным будет использование тега <pre>, который сообщает браузеру, что находящийся внутри текст должен быть выведен как есть. При этом будут сохранены все пробелы переносы строк и прочие символы, которые обычно при выводе браузером не отображаются.
Этот пример показывает, как можно управлять переносами строк и пробелами с помощью тега <pre>.
<html> <body>
<pre> Это предварительно форматированный текст. Он сохраняет как пробелы так и переносы строк. </pre> </body> </html>
Пример выполнения данного HTML-кода
Сравните написание кода программы с применением тега <pre> и без его использования.
<html> <body>
<pre> // Данный фрагмент набран с использованием тега <pre> for (int i = 1; i < 10; i++) { printf ("i=%i\n, i); } </pre>