Форматирование текста
Ввод текста — это, возможно, самый простой этап в процессе создания страницы, поскольку вы можете набрать текст непосредственно в HTML-файле, и он будет отображен браузером как обычный текст.
Но нужно помнить, что браузеры форматируют текстовую информацию только в соответствии с тегами разметки. Ниже рассмотрим несколько тегов разметки текста.
Тег <p> (<p>…</p>)
Тег обозначает начало и конец абзаца, если используется как контейнер. Многие браузеры допускают начинать новый абзац при помощи тега <p> без закрывающегося тега </p>. Метод контейнера является предпочтительнее.
Теги <h1>…</h6> (<h1>…</hn>)
Тег определяет, что вложенный текст является заголовком. Существует шесть размеров шрифта заголовков (от одного до, причем первый номер соответствует самому крупному шрифту). На рис.1 показаны заголовки, выведенные шрифтами всех шести размеров.
Чтобы воспользоваться заголовком с размером букв
первого номера, нужно обозначить выделяемый текст тегами<h1>и</h1>.
Этот текст должен располагаться в части, отделенной тегами <BODY>и</BODY>.
Теги заголовков автоматически выполняют возврат каретки и оставляют пустую строку после текста между тегами <hn> и </hn> (где n — уровень заголовка), в этих случаях нет необходимости думать о тегах перевода строки или нового абзаца.
Атрибуты для тегов <hn>, <p>
align=center | left | right
Атрибут используется для выравнивания заголовка соответственно по центру, по левому краю, по правому краю страницы.
Пример 3:
<body>
<h1 align=center>Пример заголовка 1</h1>
<h2 align=center>Пример заголовка 2</h1>
<h3 align=left>Пример заголовка 3</h1>
<h4 align=left>Пример заголовка 4</h1>
<h5 align=right>Пример заголовка 5</h1>
<h6 align=right>Пример заголовка 6</h1>
</body>
Результат:
Рис.1 Пример заголовка
Тег <center> (<center>…</center>)
Центрирует вложенный текст горизонтально на странице.
Тег <b> (<b>…<b>)
Вложенный текст выводится полужирным шрифтом.
Тег <strong> (<strong>…</strong>)
Вложенный текст выводится жирным шрифтом, однако каждый браузер интерпретирует «strong» по-своему, что приводит к расхождениям. Что касается термина «bold», все понимают одинаково, что он означает.
Тег <i> (<i>…</i>)
Вложенный текст выводится курсивом.
Тег <blink> (<blink>…</blink>)
Тег заставляет мигать вложенный текст.
Мерцание является, возможно, одним из самых раздражающих средств HTML.
Тег <blink> не работает в браузере Microsoft Internet Explorer.
Тег <s> (<s>…</s>)
Вложенный текст выводится как зачеркнутый. Текст выглядит как обычный текст, перечеркнутый горизонтальной чертой.
Тег <u> (<u>…</u>)
Вложенный текст при выводе будет подчеркнут.
Тег <small> (<small>…</small>)
Определяет размер шрифта на один меньше, чем у окружающего текста.
Тег <big> (<big>…</big>)
Определяет размер шрифта на один размер больше, чем у окружающего текста.
Тег <span> (<span>…</span>)
Это контейнер нулевого текста, используемый для идентификации совокупности строенных символов. Он не влияет на стиль вывода.
Тег <sub> (<sub >…</ sub >) – подстрочник – сделать подиндексом
Тег <sup> (<sup >…</ sup >) – надстрочник – сделать надиндексом
Тег <strike> (<strike>…</strike>)
Вложенный текст выводится как зачеркнутый (перечеркнутый горизонтальной линией).
Tег <font> (<font>…</font>)
Тег <font> позволяет управлять стилем, цветом, размером и видом шрифта в гораздо большей степени, чем стандартные теги <b> и <i>.
Он использует для этого атрибуты size, color и face.
