На главную страницу сайта К. Полякова
Преподавание, наука и жизнь.
 
главная школа вуз наука delphi программы походы автор
 Лента новостей Новости Блог Блог 

 

Этот сайт больше не обновляется. Сайт К. Полякова «Преподавание, наука и жизнь» переехал по адресу kpolyakov.spb.ru. Новый адрес страницы, к которой вы обратились: Пожалуйста, обновите свои закладки. Через 5 секунд вы будете перенаправлены на новый сайт автоматически.
Электронный учебник по языку HTML

HTML

Текст

Web-страницы

Свойства текста задаются в виде параметров различных тэгов. Параметры записываются в открывающем тэге внутри скобок. Ниже объясняется использование основных тэгов для оформления текста.

Тэг <BODY>

Тэг <BODY> позволяет задать общие свойства для всей страницы. В параметрах открывающего тэга <BODY> можно задать цвет текста (параметр TEXT) и цвет фона (параметр BGCOLOR). Например, тэг

<BODY TEXT="#000000" BGCOLOR="yellow">
...
</BODY>

определяет черный цвет текста на желтом фоне для всей страницы.

Тэг <BODY> позволяет изменять также и цвет ссылок, которые в языке HTML называются anchors - якоря. Для этого используют параметры

  • LINK — цвет обычных ссылок
  • ALINK — цвет активной ссылки, на которой щелкнули мышью
  • VLINK — цвет посещенных ссылок

Например, тэг

<BODY LINK="yellow" ALINK="red" VLINK="blue">
...
</BODY>

устанавливает желтый цвет для обычных ссылок, красный — для активных и синий — для посещенных.

Тэг <FONT>

Для того, чтобы изменить цвет, размер и стиль шрифта для части текста, используют тэг <FONT>. Он имеет три основных параметра:

  • COLOR — цвет текста
  • FACE — начертание (название) шрифта
  • SIZE — размер шрифта (принимает целые значения от 1 до 7)

Например, тэг

<FONT COLOR="yellow" FACE="Courier" SIZE="2">
...
</FONT>

устанавливает для текста внутри области действия тэга шрифт Courier желтого цвета размера 2. А вот как выглядят все возможные размеры шрифта Arial:

size=1 
size=2 
size=3 
size=4 
size=5 
size=6 
size=7 

Стили оформления

Существует несколько стандартных стилей оформления текста: жирный, курсив, зачеркнутый, подчеркнутый, верхний индекс и нижний индекс. Вот тэги, которые отвечают за это:

  • <B>...</B> (от английского bold), а так же <STRONG>это жирный текст
  • <I>...</I> (от английского italic), а так же <EM>это курсив
  • <S>...</S> (от английского strike out) — это зачеркнутый текст
  • <U>...</U> (от английского underline) — это подчеркнутый текст
  • <SUP>...</SUP> (от английского superscript) — это верхний индекс
  • <SUB>...</SUB> (от английского subscript) — это нижний индекс
  • <PRE>...</PRE> (от английского preformatted) — это специальный стиль для оформления текстов программ (моноширинный шрифт, остаются все пробелы и переходы на новую строку).

Стиль относится к тексту, заключенному между открывающим и закрывающим тэгами.

Заголовки

Заголовки в тексте рекомендуется оформлять стандартными стилями. Текст будет выглядеть более красиво, если в оформлении его использовать заголовки. Для выделения заголовков используются парные тэги от <H1> до <H6> (от английского header), то есть, уровень заголовка изменяется от от 1 до 6. Страница с кодом

<BODY>
<H1> Заголовок документа</H1>
<H2> Заголовок раздела</H2>
<H3> Заголовок подраздела</H3>
<H4> Заголовок параграфа</H4>
<H5> Комментарий</H5>
<H6> Авторские пометки</H6>
</BODY>

будет показана так:

В заголовках тоже можно указывать тип выравнивания, так же, как для абзацев.

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

Существуют некоторые специальные символы, для добавления которых надо использовать их числовой код или условное обозначение, перед которым ставится знак &. В таблице ниже даны самые распространенные специальные символы.

 Символ   HTML-код   Название 
 &#161; или &nbsp;неразрывный пробел  
¢&#162;значок цента
£&#163;значок фунта стерлингов 
¤&#164; 
¥&#165;значок японской йены
§&#167;параграф
©&#169; или &copy;символ авторского права
«&#171; или &laquo;левая русская кавычка
®&#174; или &reg;зарегистрированная торговая марка 
°&#176;градус
±&#177;плюс-минус
²&#178;квадрат
³&#179;куб
»&#187; или &raquo;правая русская кавычка
¼&#188;четверть
½&#189;половина
¾&#190;три четверти
×&#215;знак умножения
÷&#247;знак деления

Следующий раздел рассказывает об оформлении абзацев.

© 2000-2015 К. Поляков
 

В Контакте