ТвойWeb - Построй свой сайт!

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

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

Элемент FONT

Элемент используется с целью выделения особым шрифтом слова или текста. Имеет атрибуты "Size","Face" и "Color".
Записывается так:
Ваш текст

атрибут Size

Определяет размер шрифта. Имеет два значения.

целое число от 1 до 7
относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью параметра Size элемента BASEFONT, о котором я расскажу Вам чуть позже.

Записывается так:
Ваш текст
или для второго варианта
Ваштекст

атрибут Face

Определяет используемый, для документа, шрифт.
Значение этого атрибута - название шрифта.
Записывается так
Ваш текст
Эффект

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

Если браузер пользователя не находит заданный шрифт на компьютере, он использует шрифт установленный в настройках браузера по умолчанию. Поэтому обычно в этом атрибуте перечисляют несколько шрифтов записывая их через запятую.
Вот так;
Ваш текст
Эффект

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

Если браузер не найдет первый шрифт в списке, то он использует второй. Если не найдет и второго то использует третий и т.д.. Количество названий шрифтов не ограничено. Обычно записывается четыре, пять названий, сходных между собой, шрифтов.

атрибут Color

Определяет цвет шрифта документа. Имеет те же значения, что и атрибуты "bgcolor"и "text" элемента "<Body>. Смотрите предыдущую главу.
Записывается так:
Ваш текст
Эффект

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

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

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

Текст заключенный между тегами и 
Элемент STRONG: Используется для выделения текста или слова жирным шрифтом
Записывается так:
Ваш текст
Эффект

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

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

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

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

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

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

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

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

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

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

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

К оглавлению

Наверх

Дальше