Стили оформления
Существует несколько стандартных стилей оформления текста: жирный, курсив, зачеркнутый, подчеркнутый, верхний индекс и нижний индекс. Вот тэги, которые отвечают за это:
<B>...</B> (от английского bold), а так же <STRONG> — это жирный текст
<I>...</I> (от английского italic), а так же <EM> — это курсив
<S>...</S> (от английского strike out) —
это зачеркнутый текст<U>...</U> (от английского underline) — это подчеркнутый текст
<SUP>...</SUP> (от английского superscript) — это верхний индекс
<SUB>...</SUB> (от английского subscript) — это нижний индекс
<PRE>...</PRE> (от английского preformatted) — это специальный стиль для оформления текстов программ (моноширинный шрифт, остаются все пробелы и переходы на новую строку).
Стиль относится к тексту, заключенному между открывающим и закрывающим тэгами.
Абзацы
Переход на новую строку
Для того, чтобы начать новый абзац, можно использовать простейший тэг
<BR>
который заставляет браузер начать вывод текста с новой строки. Страница с кодом
<BODY> Одно физическое тело захотело поменять три своих старых варежки на что-нибудь хорошее. <BR> До самого вечера тело с варежками ... </BODY>
будет показана на экране так:
Абзацы
В языке HTML есть специальный парный тэг <P> (от английского paragraph — абзац), позволяющий ограничить абзац. При этом каждый абзац отделяется от другого некоторым интервалом, который облегчает чтение текста страницы.
Открывающий тэг <P> обозначает начало абзаца, а соответствующий ему закрывающий — конец абзаца. Страница с кодом
<BODY> <P> Одно физическое тело захотело поменять три своих старых варежки на что-нибудь хорошее. </P> <P> До самого вечера тело с варежками ... </P> </BODY>
будет показана на экране так:
Выравнивание абзацев
У тэга <P> есть параметр ALIGN, который может принимать значения:
LEFT — выровнять по левой границе
RIGHT — выровнять по правой границе
CENTER — выровнять по центру
JUSTIFY — выровнять по ширине (левая и правая границы)
По умолчанию абзац выравнивается по левой границе. Ниже показано, как использовать этот параметр:
<P ALIGN="center"> Этот текст выровнен по центру. </P> <P ALIGN="justify"> Этот текст выровнен по ширине. </P>
В заголовках тоже можно указывать тип выравнивания, например так:
<H1 ALIGN="center"> Заголовок, выровненный по центру </H1>
Линия-разделитель
Чтобы отделить одну часть документа от другой можно использовать специальную линию-разделитель, которая вставляется командой Такая команда вставляет разделительную линию толщиной 1 пиксель во всю ширину окна браузера. Можно использовать параметры этой команды:
SIZE — толщина линии в пикселях
WIDTH — ширина линии в пикселях или в процентах от ширины окна
ALIGN — выравнивание (LEFT, RIGHT или CENTER)
Например, код
<HR WIDTH="60%" SIZE="3" ALIGN="right">
дает линию-разделитель
На профессиональных сайтах линии-разделители практически не используются, поскольку материал на странице должен разделяться заголовками разделов и подразделов.
Гиперссылки Что такое гиперссылка?
Отличительной особенностью гипертекстовых и гипермедиа- документов являются активные ссылки на другие документы (гиперссылки). Ссылкой может быть как текст, так и рисунок. При наведении мыши на ссылку курсор принимает форму руки, щелкнув мышью можно открыть в окне браузера документ, связанный с этой ссылкой.
Ссылка устанавливается с помощью парного тэга <A> (от английского anchor - якорь). Тэг имеет параметр HREF, который указывает адрес документа. Ссылкой является вся информация, расположенная между открывающим <A> и закрывающим </A> тэгами.
Цвет гиперссылок
По умолчанию ссылки выделяются синим цветом и подчеркиваются. Ссылки на документы, которые вы уже посетили, выделяются фиолетовым цветом. Изменить эти цвета можно прямо в параметрах тэга <BODY>:
<BODY LINK="red" VLINK="#00FF00" ALINK="blue">
Параметр LINK обозначает цвет обычной ссылки, VLINK — цвет посещенной ссылки, ALINK — цвет ссылки, над которой находится курсор мыши.