Изучение HTML, Уроки HTML, Советы HTML, Практические рекомендации, Примеры HTML

Главная | Ссылки | Полезное
Введение
Для кого?
О чем?
Зачем Вам изучать HTML?
Почему HTML 3.2?
Рамки этого документа
О версиях этого пособия
Лучше посмотреть на...
Как изучать HTML 3.2
Получение общей начальной информации о HTML
Систематическое изучение HTML 3.2
Официальная HTML 3.2 спецификация
Дополнительные источники информации
Проверьте Ваш HTML
Общие замечания по синтаксису HTML
Набор символов
Теги HTML
Элементы HTML
Aтрибуты
URLs
Case чувствительность (чувствительность к выбору)
Разделение на строки и использование пробелов и символов табуляции
Классификация элементов
Разрешенная вложенность элементов
Заметки о разном: об escape последовательностях (символьных объектах), именах, цветовых атрибутах, ширине, пикселях, вертикальном выравнивании (VALIGN), непрерывных пробелах ( ), комментарии
Media types
Основные структуры HTML 3.2 документа (с примерами)
Обязательная структура документа
Рекомендуемая структура документа
Информация о документе - раздел HEAD
Организация содержания - заголовки (headings), абзацы (paragraphs), списки (lists) и т.п.
Разметка текста - выделение шрифта, цитирование, код и т.п.
Управление размещением
Связи
Изображения, формулы и т.п.
Таблицы - tables (Нет в HTML 2.0!)
Таблицы стилей
Описания тегов HTML 3.2
Индексы и надписи
A - якоря (anchors), гиперсвязи (hyperlinks), и т.д.
ADDRESS (АДРЕС) - информация об авторе информации
APPLET - Java апплеты (Нет в HTML 2.0!)
AREA (ОБЛАСТЬ) - область в реагирующей на нажатие клавиши схеме (MAP) (Нет в HTML 2.0!)
B - жирный шрифт
BASE - базовый, основной URL
BASEFONT (БАЗОВЫЙ ШРИФТ) - размер базового шрифта (Нет в HTML 2.0!)
BIG (БОЛЬШОЙ) - большой шрифт (Нет в HTML 2.0!)
BLOCKQUOTE (БЛОК ЦИТИРОВАНИЯ) - длинное цитирование
BODY (ТЕЛО) - тело документа
BR - перевод строки
CAPTION (ЗАГОЛОВОК) - заголовок для таблицы (Нет в HTML 2.0!)
CENTER (ЦЕНТР) - центрирование (Нет в HTML 2.0!)
CITE - ссылки
CODE (КОД) - программный код
DD - определение данных
DFN - определение (Нет в HTML 2.0!)
DIR - ненумерованный список в директории
DIV - разделитель документа (Нет в HTML 2.0!)
DL - дефинитивные или описательные списки
DT - дефинитивный термин
EM - подчеркивание
FONT (ШРИФТ) - размер и цвет шрифта (Нет в HTML 2.0!)
FORM (ФОРМА) - заполняемая форма
H1, H2, H3, H4, H5, H6 - заголовки
HEAD (ЗАГОЛОВОК) - заголовок документа
HR - изменение раздела (горизонтальная черта)
HTML - элемент верхнего уровня
I - курсив
IMG - линейные изображения
INPUT - поля ввода в формах
ISINDEX - простой поиск по ключевым словам
KBD - ввод с клавиатуры
LI - списковый элемент
LINK (СВЯЗЬ) - связь с другими документами
MAP - реагирующая на нажатие клавиш карта (Нет в HTML 2.0!)
MENU (МЕНЮ) - ненумеруемый список менюподобных форм
META - метаинформация
OL - упорядоченные (нумерованные) списки
OPTION - элемент выбора в меню
P - обычный абзац
PARAM - параметры апплета (Нет в HTML 2.0!)
PRE - предварительно отформатированный текст
SAMP - образец вывода
SCRIPT - зарезервирован для будущего использования (Нет в HTML 2.0!)
SELECT (ВЫБРАТЬ) - меню выбора в форме
SMALL (МАЛЫЙ) - малый шрифт (Нет в HTML 2.0!)
STRIKE - перечеркнутый текст (Нет в HTML 2.0!)
STRONG - сильное подчеркивание
STYLE - таблицы стилей (Нет в HTML 2.0!)
SUB - подстрочный знак (Нет в HTML 2.0!)
SUP - надстрочный знак (Нет в HTML 2.0!)
TABLE - таблицы (Нет в HTML 2.0!)
TD - табличные данные (ячейка) (Нет в HTML 2.0!)
TEXTAREA - многострочное поле текстового ввода в форме
TH - табличный заголовок (ячейка) (Нет в HTML 2.0!)
TITLE - "внешний" заголовок (титул)
TR - табличная строка (Нет в HTML 2.0!)
TT - телетайпный (одноразмерный) текст
U - подчеркивание (Нет в HTML 2.0!)
UL - неупорядоченные (ненумерованные) списки
VAR - переменные


FONT (ШРИФТ) - размер и цвет шрифта (Нет в HTML 2.0!)

Цель

Специфицировать размеры шрифта (относительно к другим размерам), его цвет или и то и другое вместе.

Типичное отображение

Содержимое элемента FONT не всегда соответствует размеру и цвету шрифта, представленного броузером.

Установленный в HTML размер шрифта в действительности может быть уменьшен или увеличен программой просмотра, чтобы соответствовать размеру шрифта по умолчанию (3).

Основной синтаксис

<FONT SIZE=n>текст</FONT>

или

<FONT COLOR=цветовая спецификация>текст</FONT>

Возможные атрибуты

имя атрибута возможные значения смысл примечания
SIZE строка размер шрифта; цифра в диапазоне 1 - 7 либо целое со знаком, например, "+1" или "-2" число со знаком добавляется к текущему базовому размеру шрифта, установленного в BASEFONT, чтобы получить номер размера в диапазоне 1 - 7
COLOR цветовая спецификация цвет содержимого элемента FONT  

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

Допустимый контекст

Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.

Содержимое

Текстовые элементы.

Примеры

Пример FONT-1.html: Это - некоторый текст:

<FONT SIZE=-1>including text which may appear in a smaller font</FONT>. <P>

Это - попытка представить текст более рельефно: жирным шрифтом, с подчеркиванием, шрифтом большого размера и красным цветом:

<B><U><FONT SIZE=7 COLOR=RED>word</FONT></U></B>

Примечания

Избегайте использования элемента FONT по причинам, объясненным при обсуждении текстовой разметки. (Для пояснения такого отношения к FONT посмотрите и разъяснение Уоррена Стиила Что неверно в элементе <FONT>?.) Если Вам надо изменить размеры шрифта, воспользуйтесь лучше элементами SMALL или BIG.

Для установки размера шрифта на большей части документа используйте BASEFONT. (Заметим, что в пределах FONT не допускается выделение абзацев.)

Атрибуты в теге BODY могут быть использованы для установки цвета фона, цвета текстового шрифта или того и другого вместе. Не используйте цвет фона такой же, как и цвет текста!

Не на всех броузерах содержимое элемента FONT представляется так, что величины SIZE (1 - 7) соответствуют различным размерам шрифта. Приведем примеры реализации FONT на некоторых популярных броузерах:

  • в Netscape: размеры 1, 2 и 3 различны, и размер 3 равен размеру по умолчанию; размеры 4 и 5 равны друг другу и больше, чем 3; размеры 6 и 7 равны друг другу и больше, чем 4 и 5;
  • в Internet Explorer: все размеры различны, за исключением 2 и 3 - они одинаковы и равны размеру по умолчанию; таким образом, есть только один размер (1), меньший размера по умолчанию;
  • в текстовом броузере, например, Lynx, элемент FONT, не действует.

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

Есть два способа задания размеров шрифта. Первый: в коде HTML мы указываем размеры шрифта числом в диапазоне 1 - 7, которое "заложено" в броузеры и аппаратным способом преобразуется в физические размеры, выраженные, например, в пикселях, точках или миллиметрах. Отображение обычно нелинейно - необязательно, например, шрифт размера 3 составляет половину шрифта размером 6. Второй способ, в котором размеры шрифта (в значении HTML) определены относительным значением атрибута SIZE, например, SIZE="+1" (что совершенно отлично от SIZE="1" или SIZE=1) означает текущий основной размер шрифта плюс один, и эта сумма соответствует отображаемому размеру шрифта в приведенном примере.


   Тексты принадлежат их владельцам!  

 
Hosted by uCoz