E-mail Добавить в "Избранное" Сделать "ТвойWeb" стартовой
Здесь находится флеш баннер. Чтобы увидеть его Вы должны установить Flashplayer
 
Новости сайта
02 [F]апреля, 2006
08 [F]декабря, 2005
17 [F]октября, 2005
16 [F]июля, 2005
25 [F]декабря, 2004
======================
Предыдущие новости
<< < 01 02 03 04 05 > >>
 
 
 

Элементы форматирования символов (текста)

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

Элемент FONT
Элемент <FONT> используется с целью выделения особым шрифтом слова или текста. Имеет атрибуты "Size","Face" и "Color".
Записывается так:
<font size="2" face="Verdana" color="#FF00CC">Ваш текст</font>
атрибут Size
Определяет размер шрифта. Имеет два значения.
  • целое число от 1 до 7
  • относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью параметра Size элемента BASEFONT, о котором я расскажу Вам чуть позже.
Записывается так:
<font size="3">Ваш текст</font>
или для второго варианта
<font size="+1">Ваштекст</font>
атрибут Face
Определяет используемый, для документа, шрифт.
Значение этого атрибута - название шрифта.
Записывается так
<font face="Comic Sans MS">Ваш текст</font>
Эффект

Текст написанный шрифтом "Comic Sans MS"

Если браузер пользователя не находит заданный шрифт на компьютере, он использует шрифт установленный в настройках браузера по умолчанию. Поэтому обычно в этом атрибуте перечисляют несколько шрифтов записывая их через запятую.
Вот так;
<font face="Georgia, Times New Roman, Times, serif">Ваш текст</font>
Эффект

Текст написан шрифтом "Georgia, Times New Roman, Times, serif"

Если браузер не найдет первый шрифт в списке, то он использует второй. Если не найдет и второго то использует третий и т.д.. Количество названий шрифтов не ограничено. Обычно записывается четыре, пять названий, сходных между собой, шрифтов.
атрибут Color
Определяет цвет шрифта документа. Имеет те же значения, что и атрибуты "bgcolor" и "text" элемента "<Body>. Смотрите предыдущую главу.
Записывается так:
<font color="#FF00FF">Ваш текст</font>
Эффект

Текст отформатированный атрибутом "color" элемента "<Font>"

Другие элементы форматирования текста

Элемент BASEFONT
Используется как альтернатива атрибуту "size" элемента <FONT>, он позволяет задать базовый размер шрифта во всем документе и не имеет конечного тега. Имеет атрибут "size". По умолчанию значение его задается равным 3 ,значение size может выражаться так же и относительным размером, например, размер -1 означает размер на один меньший, чем по умолчанию.
Записывается так:
<Html>
 <Head>
    <Title>Заголовок</Title>
 </Head>
 <Body>
   <Basefont size="2">
       Содержание Вашего документа.
 </Body>
</Html>
Элемент I
Этот элемент используют с целью выделения текста или слова наклонным шрифтом ("italic").
Записывается так
<i>Ваш текст</i>
Эффект

Текст заключенный между тегами<i> и </i>

Элемент STRONG
Используется для выделения текста или слова жирным шрифтом
Записывается так:
<strong>Ваш текст</strong>
Эффект

Текст выделенный тегами <Strong> и </Strong>

Элемент U
Этот тег (элемент) выделяет текст или слова из общего текста путем подчеркивания.
Записывается так:
<u>Ваш текст</u>
Эффект

Текст выделенный тегами <U> и </U>

Элемент STRIKE
Используется с целью выделения, перечеркиванием, текста или слова.
Записывается так:
<strike>Ваш текст</strike>
Эффект

Текст выделенный тегами <Strike> и </Strike>

Элемент B
Используется для выделения текста или слова жирным шрифтом
Записывается так:
<b>Ваш текст</b>
Эффект

Текст выделенный тегами <B> и </B>

Элемент TT
Используется с целью выделения текста или слова моноширинным шрифтом.
Записывается так:
<tt>Ваш текст</tt>
Эффект

Ну как не сложно? Попробуйте найти в этом тексте слово или словосочетание выделенное тегами <TT> и </TT>. Как видите это очень просто, писать HTML

Элемент SUP
Текст выделенный этим тегом отображается со сдвигом вверх (верхний индекс) и уменьшением размера текущего шрифта на единицу
Записывается так:
<sup>Ваш текст</sup>
Эффект

А где в этом тексте фрагмент выделенный тегами <Sup> и </Sup>?

Элемент SUB
Текст выделенный этим тегом отображается со сдвигом вниз (нижний индекс) и уменьшением размера текущего шрифта на единицу
Записывается так:
<sub>Ваш текст</sub>
Эффект

В этом тексте есть фрагмент текста выделенный тегами <Sub> и </Sub>

Элемент EM
Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тэгами. Результат обычно отображается курсивом. То есть элемент <EM> практически аналогичен по действию элемента <I>
Записывается так
<em>Ваш текст</em>
Эффект

Текст заключенный между тегами<em> и </em>

Элемент BIG
Тег <Big> отображает, заключенный между тегами , текст увеличенным шрифтом (относительно текущего).
Записывается так
<big>Ваш текст</big>
Эффект

Текст заключенный между тегами<Big> и </Big> будет увеличен, относительно текущего шрифта

Элемент SMALL
Имеет обратное действие элементу <Big>, то есть уменьшает выделенный фрагмент (относительно текущего).
Записывается так
<small>Ваш текст</small>
Эффект

Текст заключенный между тегами<Small> и </Small> будет уменьшен, относительно текущего шрифта

Потренируйтесь, форматируя текст тем или иным элементом. Здесь можно посмотреть действие каждого из перечисленных выше элементов. Это не полный перечень элементов форматирования символов (текста). Полный перечень Вы найдете, как я уже писал выше, в спецификации HTML 4.01 по адресу http://www.w3.org/TR/1999/REC-html401-19991224 или http://pyramidin.narod.ru/html401/index.html (русский перевод Александра Пирамидина).

К оглавлению Наверх Дальше