Смекни!
smekni.com

HTML и создание сайтов (стр. 8 из 12)

Все вышеприведенные команды определяют физическое форматирование символов. Вы

задаете конкретное изменение характеристик символов.

Кроме того, есть логическое форматирование символов - Вы даете описание, а

браузер решает как изменять характеристики. В общем, кто доверяет браузеру -

пользуйтесь этими командами. Они выглядят следующим образом:

<CITE>Цитата<CITE>

<EM>Особо важный текст</EM>

<STRONG>Сильное выделение текста</STRONG>

<KBD>Текст, введенный пользователем</KBD>

<CODE>Листинг программы</CODE>

<SAMP>Последовательность литералов</SAMP>

<VAR>Имя переменной</VAR>

Браузер пользователя сам выбирает шрифт, если Вы его конкретно не задали в

описании страницы. Если в странице задан шрифт, которого нет у пользователя,то

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

самый левый, а если его в системе нет, то следующий и т. д. Если ни одного из

шрифтов нет, браузер выбирает свой шрифт.

Фонт задается с помощью команды: FONT FACE

3.6 Управление цветом

Цвета и изображения фона задаются с помощью команды <BODY>.

Эта команда может задаваться только в начале HTML файла и не может быть изменена

в дальнейшем. Ее параметры:

bgcolor = “# код цвета” - цвет фона документа,

text = “# код цвета” - цвет текста документа,

link = “# код цвета” - цвет текста, используемого в качестве ссылки,

vlink = “# код цвета” - цвет ссылки на просмотренный ранее документ,

alink = “# код цвета” - цвет ссылки в момент нажатия на нее правой кнопки мыши.

Код цвета задается в кодировке RGB - шесть шестнадцатеричных чисел.

Важно отметить, что цвет фона не отображается на бумаге при выводе HTML -

документа на печать. Ниже приводятся коды простейших цветов:

Белый = FFFFFFМалиновый = FF00FF

Желтый = FFFF00Бирюзовый = 008080

Красный = FF0000Темносиний = 000080

Серый = 808080Коричневый = 808000

Синий = 0000FFГолубой = 00FFFF

Зеленый = 00FF00Темнозеленый = 008000,

Черный = 000000Индиго = 800080

Пурпурный = CC33FFТемнокрасный = 800000

Для изменения цвета текущего текста можно в любом месте домашней страницы

воспользоваться командами: <FONT COLOR= Код цвета > Текущий текст </FONT COLOR>

Определено несколько именованных цветов. Их значения видны из таблицы:

<FONT COLOR = black >

Если Вы хотите создать “обои”, то есть цветной фон с использованием 8301_ -

файла с именем, например, Ground.gif, то вместо параметра BGCOLOR записываем:

BACKGROUND = “Ground.gif”

Если при этом вы хотите, чтобы фоновое изображение не двигалось, т.е. чтобы

создался эффект “водяных знаков”, то задайте дополнительный параметр:

BACKGROUND = “Ground.gif” BGPROPERTIES=FIXED

3.7 Использование специальных символов

В языке HTML символ < используется как первый символ каждой команды.

Этот символ не может быть использован для обозначения отношения “меньше”. Для

отображения на экране символа < (“меньше”) и некоторых других символов в HTML

приняты специальные обозначения:

Отображаемый текстЗапись в формате HTML

<&lt

>&gt

&&amp

“&quot

Язык HTML всегда уменьшает количество подряд расположенных пробелов до одного,

независимо от того, сколько пробелов было в исходном тексте. Для задания

необходимого количества подряд расположенных пробелов следует воспользоваться

специальным символом пробела: &nbsp.

Например, в следующей записи исходного текста: (A &nbsp;&nbsp;&nbsp; B) в

отображаемом тексте между символами A и B будет 3 пробела.

При необходимости изобразить на экране команду языка HTML возникает

дополнительная проблема - редактор может преобразовать ее в соответствующую

команду прямо в исходном тексте.

И вместо отображения соответствующей команды на экране Вы получаете

расположенный по центру текст в следующих строках. Чтобы этого избежать, можно,

например, вставить внутрь команды две парные команды. Например, вышеприведенную

команду следует записать следующим образом:<<u></u>CENTER>

3.8. Создание таблиц

Таблица создается с помощью команд <TABLE> и </TABLE>.

Команда <TABLE> может иметь следующие параметры:

UNITS - может принимать значение RELATIVE или PIXELS. Определяет единицы

измерения в других параметрах. По умолчанию, UNITS = PIXELS.

BORDER - определяет линии, разграничивающие клетки в таблице. Ширина линии

задается командой BORDER = N.

CELLPADDING - Определяет минимальный промежуток вокруг содержимого таблицы.

BGCOLOR - Определяет цвет фонового изображения в таблице. Во всех таблицах

данного документа я использую BGCOLOR= WHITE

Есть еще несколько команд, задающих цвет обрамления: BORDERCOLOR,

BORDERCOLORDARK, BORDERCOLORLIGHT, но они используются только в Explorer.

Для формирования таблицы, состоящей из нескольких строк, воспользуйтесь командой

<TR> , разделяющей строки. Команды <TH> и </TH> используются для обозначения

заголовка столбца клеток.

Параметры ROWSPAN и COLSPAN команд <TD> и <TH> используются для формирования

клеток данных, объединяющих более одной строки или столбца.

3.9. Встраивание гипертекстовых ссылок

Переход в другое место того же документа.

Для организации перехода внутри одного HTML - файла следует ввести необходимый

текст в двух местах:

Записать метку в том месте HTML - файла, куда необходимо перейти.

Записать переход на эту метку в том месте, откуда будет выполнен переход.

Для организации метки запишите: <A NAME = “МЕТКА” ></A>, где МЕТКА - любое имя,

состоящее из букв английского алфавита и цифр.

Для перехода на эту метку запишите:<A href=МЕТКА >Перейти на метку. </A>

Переход в другой документ той же домашней страницы.

Для перехода из любого места HTML - файла h1.html в начало HTML - файла h2.html

следует записать: <A href = “h2.html”>Переход к разделу h2 </A>

Переход в другой документ.

В любом месте HTML - файла можно ввести гипертекстовые ссылки на другой документ

или файл.

Гипертекстовые ссылки вводятся в HTML - файл с помощью унифицированного локатора

ресурсов - URL.

Этот локатор определяет правила написания различных видов ссылок.

Ниже приводятся важнейшие префиксы для URL:

Префикс URLФункция

FTP://Ссылка на сервер FTP

HTTP://Ссылка на объект, который будет передаваться с использованием

протокола HTTP

FILE://localhostСсылка на локальный диск

GOPHER://Ссылка на сервер Gopher

MAILTO://Ссылка на электронный почтовый адрес

NEWS://Ссылка на электронную конференцию

NNTP://Ссылка на сервер электронной конференции

TELNET://Ссылка на сервер электронной конференции

Для записи гипертекстовой ссылки в HTML - файл используйте следующую команду: <A

href = “URL”> Переход по гипертекстовой ссылке. </A>

При нажатии левой кнопки мыши на текст Переход по гипертекстовой ссылке. Вы

перейдёте на ресурс, заданный в URL. Для возврата воспользуйтесь клавишей “Back”

“браузера”.

Вывод изображения на экран.

Изображения могут быть выведены на экран так же, как текст. Файлы изображения

могут быть заданы в нескольких различных форматах, наилучшие из которых - GIF

(файлы *.gif) и JPEG (файлы *.jpg).

Ниже приводится формат команды:

<IMG SRC= “ИМЯ ФАЙЛА” ALT = “Текст” ALIGN = DIRECTION WIDTH = WIDTH HEIGHT =

HEIGHT >, где:

ИМЯ ФАЙЛА - это имя данного файла в вашей домашней странице или полное имя пути

и файла, если файл не принадлежит данной домашней странице.

Текст - это текст, выводимый вместо изображения, если файл изображения по какой

- -либо причине недоступен.

DIRECTION - место расположения изображения. Принимает следующие возможные

значения:

ALIGN=TOP - последующий текст располагается в верхней части изображения.

ALIGN=BOTTOM - последующий текст располагается в нижней части изображения.

ALIGN=LEFT - изображение находится в левой части листа. Текст обтекает

изображение справа.

ALIGN=MIDDLE - изображение находится в центре листа.

ALIGN=RIGHT - изображение находится в правой части листа. Текст обтекает

изображение слева.

WIDTH = WIDTH - ширина требуемого изображения на экране,

HEIGHT = HEIGHT - высота требуемого изображения на экране.

Гипертекстовая ссылка с помощью изображения.

Допустим, что Вы выводите на экран изображение 8301_ - файл, который называется,

например, 8301_.gif.

Если Вы хотите организовать домашнюю страницу так, чтобы при нажатии левой

кнопки мыши на изображение, перейти на другую домашнюю страницу, например, на :

HTTP://WWW.HOME.COM ,

то следует записать следующую команду:

<A href= “HTTP://WWW.HOME.COM”> <IMG SRC = “8301_.gif” >

Создание ссылки на почтовый адрес.

Например мой почтовый адрес в GEOCITIES.COM: family_katz@geocities.com

Для организации ссылки в моей домашней странице на мой почтовый адрес я записал

в конце главного раздела домашней страницы:

<A href = mailto: family_katz@geocities.com > Перейти на мой почтовый адрес </A>

В следующей строчке я задал такую же ссылку с поиощью аппликации MAIL12.GIF

вместо текста:

<A href = mailto: family_katz@geocities.com ><IMS SRC = “MAIL12.GIF” ></A>

3.10.Кадры.

Команды работы с кадрами.

Вы можете разделить экран на несколько независимых оконных кадров, каждый из

которых отображает отдельный HTML документ.

На экране кадры представляют собой прямоугольники. В HTML используются следующие

команды работы с кадрами:

<FRAMESET>, </FRAMESET> - определяют состав и размеры кадров на экране,

<FRAME>, </FRAME> - определяют HTML файл для каждого кадра,

<NOFRAMES>, </NOFRAMES> - для сообщений “браузеру”, не обрабатывающему кадры.

Формат команды FRAMESET.

Команда делит целое окно (или часть окна, определенное предыдущей командой

FRAMESET ) на несколько вертикальных (параметр COLS ) или горизонтальных

(параметр ROWS ) кадров. Каждый из этих кадров может определять HTML - файл,

отображаемый в ней (с помощью команды FRAME ) или, соответственно, делиться

дальше по тем же правилам со вложенной командой FRAMESET.

По концу определения кадров, задаваемых командой FRAMESET , не забудьте записать

команду /FRAMESET, иначе они могут быть построены неправильно.