Документ обычно состоит из заголовка и тела документа.
Заголовок документа содержит информацию о самом документе.
<HEAD> - тег заголовка документа;
<TITLE> - тег название документа, появляется в строке заголовка InternetExplorer и в списках журнала (History) и папки Избранное (Favorites).
Тело документа HTML содержит весь текст, несущий информацию и все тэги HTML, используемые для форматирования текста. Тело документа размещается сразу же после заголовка в тэгах <BODY> </BODY>. Элемент BODY имеет атрибуты:
BACKGROUND= «» - определяет фон, на котором отображается текст
документа.
BGCOLOR= «#XXXXXX» - цвет фона;
TEXT= «#XXXXXX» - цвет текста;
VLINK= «#XXXXXX» - цвет пройденных гипертекстовых ссылок
LINK= «#XXXXXX» - цвет гипертекстовых ссылок
ALINK= «#XXXXXX» - цвет ссылки, которая в данный момент активизируется
«#XXXXXX» - определяет цвет в терминах RGB - красный, зеленый, синий.
Если один или более параметров цвета текста и ссылок не определены,
то по умолчанию цвета для них задаются следующим образом: LINK=blue, ALINK=red, VLINK=purple.
Элементы управления разметкой.
<P> - используется для того, чтобы обозначить начало нового абзаца.
Имеет атрибут ALIGN , используемый для изменения выравнивания внутри абзаца, может принимать со следующие значения:
ALIGN=LEFT - выравнивание по левому краю;
ALIGN=RIGHT - - выравнивание по правому краю;
ALIGN=JUSTIFY- выравнивание по левому и правому краям;
ALIGN=CENTER - центрирование.
<BR>- принудительный перевод строки.
Стили заголовков. Язык HTML поддерживает шесть стилей заголовков, которые используются для того, чтобы в различной степени выделять текст. Стили нумеруются от одного до шести, причем стиль номер один является самым крупным по размеру шрифта. Для того, чтобы разметить текст каким-либо из стилей заголовков, следует заключить его в тэги
<Hn> </Hn>, где n- номер стиля.
Стандарт языка HTML насчитывает 11 атрибутов у элемента заголовка. Но чаще всего применяется только ALIGN.
Гипертекстовые ссылки.
Для записи гипертекстовой ссылки используется элемент <A>......</A>, который имеет несколько атрибутов, главным из которых является HREF (HyperTextREFrence).
Содержание элемента A заключенное между тэгом начала и окончания, выделяется в тексте цветом, определенным для контекстных гипертекстовых
ссылок (LINK).
Другой формой использование элемента A является определение точек внутри текста на которые можно сослаться:
<ANAME= «point»>
Средства описания графической информации.
Для того, чтобы поместить изображение внутрь страницы используется
тэг <IMG> с обязательным параметром SCR= «URL».
<IMGSCR= «URL»>, где URL-адрес файла, содержащего графические
данные. Атрибут SCR является обязательным, а URL может указывать куда
угодно.
Тэг <IMG> может иметь следующие атрибуты:
ALIGN - расположение текста по отношению к изображению:
TOP – наверху,
BOTTOM – внизу,
MIDDLE – посередине.
ALT= «текст» - текст, который нужно показывать вместо изображения для текстовых браузеров.
ISMAP - атрибут, указывающий, что изображение будет использоваться в
виде карты.
WIDTH - ширина может указываться в пикселях или %;
HEIGHT – высота.
Формат графической привязки такой же как и текстовой. Однако
вместо того, чтобы разместить текст между тэгами <AHREF= «URL»>......</A> следует расположить тэг <IMG>.
Горизонтальные линии.
<HR> - тег горизонтальной линии. Может иметь следующие атрибуты:
WIDTH=pixels | percent - позволяет изменить ширину линейки задав размер в пикселях или процентах ;
ALIGN=LEFT | RIGHT | CENTER - задает выравнивание куска линейки по умолчанию центрируется;
SIZE=n - высота линейки по умолчанию 1;
COLOR=RGB триплет | название цвета.
Средства описания таблиц.
<TABLE>......</TABLE> - описывают контейнер для элементов описания таблицы. Атрибуты:
WIDTH - ширина,
BORDER - толщина каемки,
CELLSPASING - расстояние между ячейками,
CELLSPADDING - отступ от границ ячейки внутри нее,
BORDERCOLOR - задает цвет рамки.
<CAPTION>.....</CAPTION>- тег заголовка таблицы, размещается в табличном контейнере.
<TR>......</TR> - определяют строку таблицы.
Тэг <TR> может иметь атрибуты ALIGN и VALIGN.
ALIGN - контролирует горизонтальное расположение содержимого в
ячейках строки. Он может принимать значения:
ALIGN=LEFT - выравнивание по левому краю;
ALIGN=RIGHT - - выравнивание по правому краю;
ALIGN=CENTER - центрирование.
VALIGN - контролирует вертикальное расположение содержимого в
ячейках строки. Он может принимать значения:
VALIGN=TOP - выравнивание по верхнему краю;
VALIGN=BOTTOM - - выравнивание по нижнему краю;
VALIGN=MIDDLE - посередине.
По умолчанию ячейки заголовки центрируются, а ячейки данные
выравниваются к левому верхнему краю.
<TH>......</TH> - используется для описания ячейки содержащей заголовок.
<TD>......</TD> - используется для описания ячейки содержащей данные таблицы.
Формы.
Все формы начинаются тэгом <FORM> и завершаются тэгом </FORM>.
<TEXTAREA> - используется для того, чтобы позволить пользователю вводить более одной строки информации (свободный текст).
Атрибуты:
NAME - имя поля ввода,
ROWS - высота поля ввода в символах,
COLS - ширина поля ввода в символах,
<INPUT> - используется для ввода одной строки текста или одного слова. Атрибуты :
NAME - имя поля ввода.
SIZE - определяет визуальный размер поля ввода на экране в символах.
VALUE - присваивает полю значение по умолчанию или значение, которое будет выбрано при использовании типа RADIO (для типа RADIO данный атрибут обязателен)
TYPE - определяет тип поля ввода. По умолчанию это простое поле ввода для одной строки текста.
· CHECKBOX - используется для простых логических (BOOLEAN) значений. Значение, ассоциированное с именем данного поля, которое будет передаваться в вызываемую программу, может принимать значение ON или OFF.
· IMAGE- позволяет связывать графический рисунок с именем поля.
· RADIO - позволяет вводить одно значение из нескольких альтернатив.
· SUBMIT - обозначает кнопку, при нажатии которой будет вызвана CGI-программа (или URL), описанная в заголовке формы. Атрибут VALUE может содержать строку, которая будет высвечена на кнопке.
· TEXT - описывает однострочное поле ввода.
· SELECT - позволяет пользователю выбрать значение из фиксированного списка значений. Обычно это представлено выпадающим меню.
Текстовые эффекты.
Задание текстовых эффектов с помощью тэгов<FONT>.
Пара тэгов <FONT>.....</FONT> позволяет задавать цвет и размер и
начертание текста.
Бегущий текст - тэг <MARQUEE>.Атрибуты:
BGCOLOR - определяет цвет фона окна,
BEHAVOIR=SCROLL | SLIDE | ALTERNATE - определяет способ появления текста в окне,
DIRECTION=LEFT|RIGHT - указывает направление движения,
ALIGN = TOP | MIDDLE | BOTTOM - задает тип выравнивания.
Фреймы.
Фрейм (frame) — это отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне web-браузера.
Фреймы по своей сути очень похожи на ячейки таблицы, однако более универсальны. Фреймы разбивают web-страницу на отдельные мини-кадры, расположенные на одном экране, которые являются независимыми друг от друга. Каждое окно может иметь собственный адрес.
<FRAME> -определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере <FRAMESET>, который к тому же задает способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью параметра src.
<FRAMESET> имеет два взаимоисключающих параметра: ROWS и COLS.
ROWS- определяет число горизонтальных отрезков пространства в наборе фреймов;
COLS - определяет число вертикальных отрезков.
Параметры:
BORDERCOLOR - цвет линии границы.
FRAMEBORDER - отображать рамку вокруг фрейма или нет.
NAME - задает уникальное имя фрейма.
NORESIZE - определяет, можно изменять размер фрейма пользователю или нет.
SCROLLING - способ отображения полосы прокрутки во фрейме.
SRC - путь к файлу, предназначенному для загрузки во фрейме.
Разметив фреймы можно продолжать использовать ранее созданные
HTML-документы. Присвоив фрейму с меняющимся содержанием имя main.html, можно использовать атрибут TARGET во всех тэгах <A> для того чтобы загрузить во фрейм main все документы на которые есть гиперссылки.
Карты изображения.
Создание карты изображения является одной из привлекательнейших возможностей HTML, позволяющей пользователю привязывать ссылки на другие документы к отдельным частям изображений. Щелкая мышью на отдельных частях изображения, пользователь может выполнять те или иные действия, переходить по той или иной ссылке на другие документы и т.п.
Чтобы включить поддержку карты для изображения, необходимо ввести дополнительный параметр в тэг IMG:
<IMG SRC="url" USEMAP="url#map_name">
USEMAP - указывает, в каком месте находится карта описываемого изображения. Карта изображения определяет, какому участку изображения какой URL соответствует.
MAPNAME - указывает имя карты для изображения, а предшествующий ему URL определяет местонахождение карты. Если данный URL отсутствует, то карта с указанным именем ищется в текущем документе.
<AREA...> - описывает участок изображения и ставит ему в соответствие URL. Параметры:
SHAPE - указывает на форму определяемой области изображения. Может принимать значения:
· default - по умолчанию (обычно прямоугольник),
· rect – прямоугольник,
· circle – круг,
· poly - многоугольник произвольной формы.
COORDS - координаты в пикселях описываемой области.
HREF - описание ссылки, действия по которой будут выполняться при щелчке мыши в заданной области.
</MAP> - завершает описание карты изображения.
2.3 Основные характеристики веб-разработки
Основные характеристики разработки ДИС турфирмы «SunTour»:
1. Технические
Поскольку при разработке ДИС не используются видео- и аудио-контент, а также изображения большого размера скорость соединения с Internet на клиентском компьютере может быть низкой.