Обязательно соблюдайте регистр букв в названии документа и пути к документу как в абсолютных, так и в относительных путях. Если вы ошибетесь хотя бы в одной букве (напишите большую букву вместо маленькой и наоборот), то документ не будет найден и буден выдано сообщение об ошибке.
• Не используйте пробелы в названиях документов и папок.
При создании вашего сайта не используйте символ пробела в названии файлов и папок. На большинстве систем это приведет к тому, что файлы не будут найдены.
• Ссылка на определенную область документа.
Для создания ссылки на определенную область документа нужно сначала указать точку ссылки и задать имя этой точки. Это делается с помошью тега <A> с использованием параметра NAME и без использования параметра HREF. Для ссылки на определнную область того же документа, используйте в качестве значения параметра HREF название точки ссылки. Для ссылки на определенную область другого документа, указывайте в качестве значения параметра HREF следующую запись "имя.html#название точки ссылки"
• Специальные случаи ссылок FTP и EMAIL типов.
Для создания ссылки на файл, хранящийся на FTP сервере используйте абсолютный адрес начинающийся с 'FTP: //' Для создания EMAIL ссылок используйте следующую запись "mailto: email адрес"
• Использование абсолютных и относительных адресов.
Всегда используйте абсолютные адреса (путь и название файла) для ссылок на файлы, находящиеся вне вашего сервера (в том числе файлы, хранящиеся на FTP серверах). Всегда используйте относительные адреса для ссылок на файлы и документы, находящиеся на вашем сайте.
Все описанные здесь теги форматирования текста требуют открывающего и закрывающего тега. Это означает что область действия того или иного тега будет продолжаться до закрывающего тега или до конца документа в случае если вы не закроете тег. Все теги пишутся по следующей схеме <ТЕГ1><ТЕГ2>Некоторый текст</ТЕГ2></ТЕГ1> Помните о том, что нужно закрывать сначала тег, открытый последним (см. правила написания тегов "Правило закрытия тегов"). Итак, рассмотрим теги форматирования отдельных элементов текста и их основные параметры:
<B>некоторый текст</B>
Тег жирного начертания текста. Все что заключено между открывающим и закрывающим тегом будет напечатано жирным шрифтом.
<CITE> некоторый текст </CITE>
Цитирование. Текст печатается некоторым выделенным шрифтом, установленным в броузере, для указания на то, что этот текст является цитатой. Например, Netscape Navigator выделяет цитаты наклонным шрифтом.
<CODE> некоторый текст </CODE>
Отображение текста шрифтом фиксированного размера, указанного по умолчанию в настройках броузера как шрифт фиксированного размера.
<EM>некоторый текст</EM>
Особое значение. Текст печатается некоторым выделенным шрифтом, установленным в броузере, для указания на то, что этот текст имеет особое значение, на этом тексте автор делает ударение. В разных броузерах выделение особого ударения осуществляется по разному.
<I>некоторый текст</I>
Наклонное начертание текста.
<BIG> некоторый текст </BIG>
Увеличенный текст. Начертание текста увеличенным шрифтом, по сравнению с тем, который используется в данный момент. Подробнее об используемом размере шрифта см. тег <FONT>
<SMALL> некоторый текст </SMALL>
Уменьшенный текст. Начертание текста уменьшенным шрифтом, по сравнению с тем, который используется в данный момент. Подробнее об используемом размере шрифта см. тег <FONT>
<STRIKE>некоторый текст</STRIKE>
Зачеркнутый текст.
<STRONG>некоторый текст</STRONG>
Особая сила текста. Отображение текста шрифтом определенным броузером для отображения особо выраженной силы текста или высказывания.
некоторый <SUB>текст</SUB>
Отображение текста ниже базовой линии шрифта, которая определяется как средняя линия большой буквы шрифта данного размера. Текст отображается ниже базовой линии шрифтом уменьшенного размера.
некоторый <SUP>текст</SUP>
Отображение текста выше базовой линии шрифта, которая определяется как средняя линия большой буквы шрифта данного размера. Текст отображается выше базовой линии шрифтом уменьшенного размера.
<U>некоторый текст</U>
Подчеркнутый текст. Пробелы между словами тоже подчеркиваются.
<VAR>некоторый текст</VAR>
Текст обозначающий переменную. Отображение текста шрифтом определенным броузером для отображения текста обозначающего переменную.
<CENTER>
некоторый текст
</CENTER>
Выравнивание текста по центру. До и после тега <CENTER> вставляется перенос строки. Если текст находится внутри таблицы, то выравнивание осуществляется относительно ячейки таблицы. Подробнее о таблицах читайте в разделе "Таблицы"
<BR>
Перенос строки. Все что делает этот тег, переносит строку. Этот тег имеет один полезный параметр CLEAR. В этом руководстве не обсуждаются все возможные варианты использования этого парамерта. Единственный важный для вас на данный момент вариант - это <BR CLEAR=all> Используйте тег <BR> с этим параметром когда хотите чтобы текст перестал огибать картинку (при использовании параметраALIGN тега <IMG>)
На предыдущей странице были описаны простые теги, которые не требуют дополнительного объяснения и чрезвычайно просты в использовании. Эти теги не имеют параметров. На этой странице описаны теги которые имеют хотя бы один параметр.
<FONT> некоторый текст </FONT>
Тег, предназначенный для определения текущих параметров шрифта, таких как размер, цвет и конкретный шрифт, используемые для написания текста. Давайте рассмотрим основные параметры этого тега:
SIZE
Числовое значение, обозначающее размер шрифта, которым будет напечатан текст. Значение может быть от 1 до бесконечности.
Пример: <FONT SIZE=5>Привет!</FONT> Это моя домашняя страничка. <FONT SIZE=2>(комментарии)</FONT>
Результат:
Привет! Это моя домашняя страничка. (комментарии)
Кроме того, вы можете указать значение параметра SIZE со знаком плюс или минус. В этом случае текст будет отображаться размером большим или меньшим на указанную величину, чем размер используемого в данный момент шрифта. Например, если в данный момент используется размер шрифта 3, то укзание SIZE=+2 будет равнозначно SIZE=5, а SIZE=-1 равнозначно SIZE=2.
COLOR
Название или алфавитно цифровой код в шестнадцатиричной системе исчисления для цвета используемого шрифта. Разные броузеры поддерживают разные названия цветов. Здесь приводятся названия цветов, которые поддерживаются двумя наиболее распространенными броузерами Netscape Navigator и Internet Explorer:
black
blue
gray
green
maroon
navy
purple
red
yellow
white
Алфавитно цифровой код, обозначающий цвет, состоит из символа '#' и щести цифр от 1 до 9 или латинских букв от A до F. Код цвета определяется по системе RGB (RED - красный, GREEN - зеленый, BLUE - синий) исходя из трех составляющих цвета. Для определния цвета нужно указать значение каждой из составляющих красного, зеленого и синего цветов от 0 до 255 в шестнадцатиричном эквиваленте. Например, чисто красный цвет определяется как 255 (максимум) для красного и 0 (минимум) для зеленого и синего и будет записан как <FONT COLOR=#FF0000>. Определение цветов в шестнадцатиричной системе исчисления достаточно сложное занятие, поэтому вы можете воспользоваться нашей таблицей шестнадцатиричных кодов цветов.
FACE
Название шрифта, который нужно использовать для отображения текста. Название шрифта должно совпадать с названием шрифта на компьютере пользователя. Если такой шрифт не найден, то будет использован шрифт по умолчанию. Возможно указание нескольких названий шрифтов через запятую. Тогда компьютер будет искать каждый шрифт по очереди и использует тот, который найдет первым.
Для того, чтобы быть уверенным в результате действия параметра FACE тега <FONT> лучше использовать только несколько стандартных шрифтов, которые имеются у большинства пользователей, так как они устанавливаются на компьютер при установке операционной системы:
Windows 3.x / 95 / 98 / 2000 / XP / Vista / 7:
Arial Arial Black Arial Narrow Courier Courier New Garamond Helvetica Times Times New Roman
Если какое либо из названий, кроме Times и Times New Roman написано абсолютно тем же шрифтом, что и этот текст, то этого шрифта скорее всего нет на вашем компьютере. По умолчанию в Windows 3.x / 95 / 98 системах установлен шрифт Times New Roman.
<BASEFONT> некоторый текст </BASEFONT>
Тег, предназначенный для определения параметров шрифта, таких как размер, цвет и конкретный шрифт, используемые для написания текста по умолчанию. Во всей области действия этого тега текст будет напечатан с теми параметрами, которые вы укажите в этом теге. Можно вставлять несколько тегов <BASEFONT> в разных частях вашего HTML документа. Параметры тега <BASEFONT> - SIZE, COLOR и FACE абсолютно идентичны параметрам тега <FONT>
Область действия:
Область действия тегов <FONT> и <BASEFONT> ограничивается таблицами и их ячейками. Более подробно о таблицах читайте в разделе "таблицы". Сейчас вам нужно только запомнить, что теги <FONT> и <BASEFONT> не действуют внутри таблиц для тегов, которые находятся вне таблиц, а теги, которые вставлены внутри конкретной таблицы не действуют за ее пределами. Тоже самое относится и к большинству других тегов, в частности это характерно для всех тегов форматирования текста, описанных на предыдущей странице.
Давайте теперь посмотрим какие теги существуют для форматирования блоков и абзацев текста, а также какие основные параметры этих тегов и как их использовать.
<PLAINTEXT>
Игнорирование любых HTML тегов и печатание текста документа как обычного текстового файла. Все что стоит после этого тега, включая HTML теги будет напечатано на экране. Этот тег описан первым, потому что он отличается от других тегов этой группы тем, что не имеет закрывающего тега. Область его действия идет от открывающего тега до конца документа. Даже если вы вставите закрывающий тег</PLAINTEXT> это не сработает. Таким образом единтсвенное применение этого тега - печать HTML тегов как обычного текста для. Параметров у этого тега нет.
Подсказка:
Если вы хотите напечатать какой-либо тег как обычный текст без использования тега <PLAINTEXT> (как сделано в этом руководстве), достаточно напечатать этот тег и заменить первую треугольную скобку '<' на комбинацию из 4-х символов <
<ADDRESS>
некоторый текст
</ADDRESS>
Как видно из названия тега, он предназначен для отображения адреса. Каждый броузер сам определяет как выделять адрес. Обычно адрес пишется с новой строки, наклонным шрифтом и после закрывающего тега адреса также начинается новая строка.
<BLOCKQUOTE>
некоторый текст
</BLOCKQUOTE>
Тег предназначен для разделения параграфов и абзацев текста. При использовании этого тега происходит автоматическая вставка пустой строки до и после блока текста, как видно на примере выше.
<H1>, <H2>, <H3>, <H4>, <H5> и <H6>
Эти шесть тегов обозначают заголовки и пердназначены для выделения заголовков и подзаголовков. Заголовки выделяются жирным шрифтом, до и после заголовка вставляется перенос строки. Отличие этих шести тегов друг от друга заключается только в размере шрифта, которым будет печататься заголовок. Вот шесть цифр от 1 до 6, которые отображают размер заголовков, печатаемых соответсвующими тегами.
Заголовок H1
ЗАГОЛОВОК H2
Заголовок H3
Заголовок H4
Заголовок H5
Заголовок H6
<P>
некоторый текст
</P>
Тег предназначен для выделения параграфов текста. Перед параграфом и после параграфа вставляется пустая строка.
ALIGN
Этот параметр тега <P> предназначен для выравнивания текста внутри параграфа. Допустимые значения параметра ALIGN - LEFT(выравнивание текста по левому краю), RIGHT (выравнивание по правому краю), CENTER (выравнивание по центру) и JUSTIFY (выравнивание текста по ширине). Что значит выравнивание по ширине (JUSTIFY)? Там где это возможно броузер будет равномерно изменять расстояние между словами так, чтобы текст выравнивался по вертикальной линии как справа, так и слева. Точно так же как выравнен текст в книгах и так же как выровнен текст в этом руководстве.
<PRE>
некоторый текст
</PRE>
Печатание блока текста шрифтом фиксированной ширины (fixe-width font), заданным в настройках броузера и всех символов, включаю пробелы и переносы, такими как они есть в тексте. Вне тега <PRE> пробелы более одного подряд считаются за один пробел и переносы строки считаются одним пробелом. Внутри тега <PRE> все текст на экране будет выглядеть таким, какой он есть. Кроме того печать текста шрифтом фиксированной ширины позволяет добиться некоторых интересных результатов. Посмотрите на один и тот же отрывок текста в первом случае без использования тега <PRE>, а во втором случае с ипсользованием тега <PRE>.
В этом разделе описывается тег <BODY> и его параметры. Тег <BODY>, как вы уже знаете из раздела Структура HTML документа, заключает в себя непосредственно сам документ, текст, картинки и т.д. Давайте посмотрим, какие параметры предоставляет нам тег <BODY>.
BGCOLOR
Задает название цвета или шестнадцатиричное представление цвета, который будет использован для заполнения заднего плана (фона) страницы. Подробнее о представлении цветов в HTML написано в разделе "Форматирование отдельных элементов текста".
BACKGROUND
Задает путь и название картинки, которая будет использована в качестве заднего плана (фона) страницы. Подробнее о задании путей и названия картинок смотрите в разделе "Картинки в HTML страницах".
TEXT
Задает название цвета или шестнадцатиричное представление цвета, который будет использован для написания текста на всей странице по умолчанию. То есть, вам не понадобится каждый раз задавать цвет шрифта. Если не указывать этот параметр, текст будет печататься цветом, назначенным в броузере по умолчанию (обычно черный).
LINK
Задает название цвета или шестнадцатиричное представление цвета, который будет использован для написания текста ссылок на всей странице по умолчанию. Все ссылки, кроме тех, внутри которых вы непосредственно вставите тег <FONT> с параметром COLOR будут напечатаны с использованием этого цвета.
VLINK
Задает название цвета или шестнадцатиричное представление цвета, который будет использован для выделения текста ссылок на всей странице по умолчанию, страницы которых пользователь уже посетил. То есть, если пользователь уже посещал страницу, то ссылка, которая указывает на эту страницу будет окрашена в соответствующий цвет.
ALINK
Задает название цвета или шестнадцатиричное представление цвета, который будет использован для выделения текста ссылок на всей странице по умолчанию, в момент нажатия на ссылку.
Далее приводится пример тега <BODY> с использованием значений параметров этого тега, которые заданы на странице, которую вы сейчас читаете.
