Основы работы с HTML

Помощь юриста вопрос юристу. Услуги юриста.

Форматирование текста - часть 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>




- Начало -  - Назад -  - Вперед -