HTML – Оформление текста

Предварительное форматирование

Дополнительные пробелы, символы табуляции и возврата каретки в исходном тексте HTML-документа будут проигнорированы Web-браузером при
интерпретации документа. HTML-документ может включать вышеописанные элементы, только если они помещены внутрь тегов <PRE> и </PRE>. Эти теги используются, чтобы текст выглядел так, как набран, например при создании таблиц.

Стилевое оформление текста

Приведенные ниже теги <center>, <font>,<s>,<u> для оформления стиля текста применяются в настоящее время крайне редко и являются нежелательными элементами. Вместо них широко используются таблицы стилей CSS.

Тег <CENTER> позволяет центрировать все элементы документа в окне браузера. Например: <CENTER><H1>. Все элементы между тегами будут находиться
в центре окна </H1></CENTER>. Гипертекстовый документ может быть оформлен с использованием следующих стилей:

<B> Полужирный </B>, <I> Курсив </I>, <TT> Моноширинный </TT>,

<S> Зачеркнутый текст </S>,

<U> Подчеркнутый текст </U>, <BIG> КРУПНЫЙ ТЕКСТ </BIG>,

<SMALL> мелкий текст </SMALL>, <SUB> Нижний индекс </SUB>,

<SUP> Верхний индекс </SUP>.

<!–пример # 4: различные стили форматирования–>

<HTML><HEAD>

<TITLE>Домашняя страница </TITLE></HEAD>

<BODY>

<CENTER> <H1>Добро пожаловать </H1> </CENTER><HR>

Я рад <B>приветствовать Вас</B>

на моей <I>странице</I>. <P>

Вот что я <SUP>люблю</SUP> делать в <SUB>свободное</SUB> время: <BR>

<U> – Читать книги </U><BR> <!—Подчеркивание текста –>

<S>- Исследовать Интернет</S><BR> <!—Зачеркивание текста –>

</BODY></HTML>

Логический стиль документа

Текст в документе HTML может быть логически выделен одним из следующих тегов:

<DFN> – определить слово. Как правило – курсив;

<EM> – усилить акцент. Как правило – курсив;

<CITE> – заголовок чего-то большого. Курсив;

<CODE> – компьютерный код. Моноширинный шрифт;

<KBD> – текст, введенный с клавиатуры. Жирный шрифт;

<SAMP> – сообщение программы. Моноширинный шрифт;

<STRONG> – очень важные участки. Жирный шрифт;

<VAR> – замена переменной на число. Курсив;

<BLOCKQUOTE> – позволяет включить цитату в объект.

<!–пример # 5: логический стиль документа–>

<HTML><HEAD>

<TITLE> Элементы содержания </TITLE></HEAD>

<BODY bgcolor="white" >

<CENTER><H5 > Элементы содержания </H5></center> <HR>

<P><BLOCKQUOTE> Это цитата </blockquote>

<P> <INS> Использование элемента INS </ins>

<P> <DEL> Использование элемента DEL </del>

<P> <Q> Использование элемента Q </q>

<P> <EM> Использование элемента EM </em>

<P> <STRONG> Использование элемента STRONG </strong>

</BODY></HTML>

Работа с тегами FONT

Тег <FONT> позволяет установить вид, размер и цвет шрифта.

<FONT SIZE=n> размер шрифта n=1..7, стандартный размер n=3 </FONT>

<FONT SIZE= +3> относительный размер, 3+3=6 </FONT>

Кроме размера, могут устанавливаться цвет и тип шрифта, например:

<FONT COLOR=RED SIZE=6 FACE="Arial"> Пример шрифта </FONT>

<!–пример # 6: различные виды шрифтов–>

<HTML><HEAD>

<TITLE> Элементы форматирования текста</title></head>

<BODY>

<HR> <H3>Задание абсолютных размеров шрифтов</h3>

<P><FONT size=7> Шрифт размера 7</font>

<P><FONT size=1> Шрифт размера 1</font> <HR>

<H3>Задание относительных размеров шрифтов</h3>

<P><FONT size=+4> Шрифт размера +4</font>

<FONT color="green"> Задан зеленый цвет шрифта</font>

<P><FONT size=+1 face="Courier" color="red"> Шрифт Courier </font>

</BODY></HTML>

Цвет символов на всей странице можно изменить с помощью аргумента TEXT тега <BODY>: <BODY TEXT=”цвет”>…</BODY> Аргумент BGCOLOR=” цвет” изменяет цвет фона.

<<!-пример # 7: управление цветом текста–>

<HTML><HEAD>

<TITLE> Цветовое оформление </TITLE></HEAD>

<BODY bgcolor="white" TEXT="blue">

<CENTER>

<FONT size=6 color="red">Управление цветом текста</font>

<HR color="red">

<TABLE border=3 >

<TR><TD>Аквамарин – aqua<TD bgcolor="aqua" width=200>

<TR><TD>Белый – white<TD bgcolor="white" width=200>

<TR><TD>Желтый – yellow<TD bgcolor="yellow" width=200>

<TR><TD>Синий – blue<TD bgcolor="blue" width=200>

<TR><TD>Ультрамарин – navy<TD bgcolor="navy" width=200>

<TR><TD>Фиолетовый – violet<TD bgcolor="violet" width=200>

<TR><TD>Фуксиновый – fuchsia<TD bgcolor="fuchsia" width=200>

<TR>

<TD>Черный – black<TD bgcolor="black" width=200>

</table> </center> <HR color="red">

<HR color="lime" size=15 width=195 align="left">

</BODY></HTML>

Специальные символы

Символы, которые не могут быть введены в текст документа непосредственно через клавиатуру, называются специальными символами. Для них существуют особые теги. Четыре символа – знак меньше <, знак больше >, амперсант & и двойные кавычки “” имеют специальное значение внутри HTML и, следовательно, не могут быть использованы в тексте в своем обычном значении. Для использования одного из этих символов введите одну из следующих последовательностей:

< – &lt; > – &gt; & – &amp; " – &quote.

Вы можете следить за любыми ответами на эту запись через RSS 2.0 ленту. Вы можете оставить ответ, или trackback с вашего собственного сайта.

Оставьте отзыв

XHTML: Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

 
Rambler's Top100