Выбрать главу

<UL> ∙ Список с маркерами (параметр start=число — начало списка)

<LI> ∙ Каждый пункт списка

<BR> ∙ Разрыв строки.

<PRE> ∙ Текст, окруженный этим тэгом, при отображении полностью сохранит свое разбиение на строки, табуляцию, группы пробелов и др[45].

• Тэги форматирования таблиц

Тэг ∙ Значение ∙ Параметры тэга

<TABLE > Таблица не отображается в браузере, пока полностью не загрузится. ∙ Таблицы

— background — рисунок — фон для всей таблицы

— bgcolor — цвет фона таблицы. Если в качестве фона задан какой-либо рисунок, то этот тэг игнорируется

— border — толщина линий таблицы borderedor — цвет линий таблицы

— cellpadding — расстояние от текста внутри ячеек до границ ячеек

— cellspacing — расстояние от границ таблицы до внешних границ ячеек

— width — ширина таблицы. Или в пикселях, или в процентах от ширины окна браузера (в последнем случае к его значению следует прибавить символ "%")

<TR> ∙ Строка таблицы. Употребляется только внутри тэгов <TABLE >….. </TABLE>.

<TD> ∙ Ячейка таблицы. Употребляется только внутри тэгов <TR>……</TR >

— background — фон ячейки

— bgcolor — цвет фона ячейки

При наличии в тэге <td> вышеуказанных параметров значения соответствующих параметров для тэга <table> игнорируются.

— bordercolor — цвет линий ячейки.

— align — выравнивание по горизонтали

— valign — выравнивание по вертикали

• Тэги включения ссылок и рисунков

Тэг ∙ Значение ∙ Параметры тэга

<IMG SRC=..> ∙ Рисунок. Непарный тэг.

— height — высота графического объекта

— width — ширина графического объекта

Если параметры height и width не указаны, то графический объект отобразится в соответствии со своими реальными размерами.

<IMG SRC=..>

— alt — текст, отображаемый при подводе курсора к изображению или на месте изображения при отключенной функции отображения графики в браузере.

На web-страницы можно помещать изображения только в формате gif или jpeg. Последние модели браузера Microsoft Internet Explorer также могут отображать изображения в формате Png.

Тэг <а> обозначает гиперссылку, то есть текст или рисунок, при нажатии на который мышью произойдет переход браузера на другой web-документ.

Его параметры:

— href — ссылка на другую web-страницу или другое место той же страницы. В этом параметре указывается адрес web-страницы, на которую должна вести ссылка.

— name — указатель на странице места ссылки

Если переход происходит на страницу на другом сайте, то обязательно указание в адресе префикса "http://" перед именем сайта. Вот примеры ссылок:

<а href=index.htm> Ha главную страницу </а> — при нажатии мышью на слова "На главную страницу" произойдет переход на страницу index.htm.

<а href="#1a">Вниз</a>…<а nаmе="1а">Сюда</а> — при нажатии на ссылку "Вниз" страница в браузере прокрутится так, чтобы слово "Сюда" оказалось на первой строке экрана

(тэг на какой-нибудь странице): <а href=index.htm#1a>Ha главную страницу в первый раздел</а>…

(тэг на странице index.htm): <а name="1a"> Сюда</а> — при нажатии ссылки на первой странице произойдет переход на страницу index.htm, причем она прокрутится в браузере до строки "Сюда"

• Тэги отображения форм

Тэг ∙ Значение ∙ Параметры

<FORM..> ∙ Начало формы — конструкции из полей ввода текста, управляющих элементов (кнопок, полей для отметок и др.)

— method — действие с формой. Стандартное значение — post: то есть отправка данных куда-либо, action — конкретное действие, выполняемое над формой. Может быть указан адрес программы, которая умеет получать и обрабатывать данные с web-страницы, почтовый адрес для отправки данных формы по электронной почте и др.

— name — уникальное имя формы. Используется для ее идентификации браузером.

— target — указание на то, что надо отправить. Обычное значение — content (содержимое формы). enctype — формат отправляемых данных. Параметр text/plain указывает на текстовый формат.

<INPUT..> ∙ Место ввода информации

— type=text — поле ввода текста, при этом size — длина этого поля в символах

— type=checkbox — отображает квадрат с возможностью отметки. Если в тэге имеется параметр checked, то отметка ставится на изначально.

— type=submit — отображает кнопку, при нажатии которой происходит то, что описано в параметрах method и action тэга form.

— type=button — отображает кнопку, при нажатии которой происходит выполнение скрипта или другое действие.

— type=radio — отображает кружок с возможностью отметки. Отличие от параметра checkbox в том, что отмечен может быть лишь один кружок из нескольких.

— type=file — отображает поле ввода имени файла с кнопкой "Обзор".

— type=password — отображает поле ввода пароля, в котором вводимые символы отображаются звездочками.

— type=reset — отображает кнопку, очищающую все содержимое формы.

<SELECТ> ∙ Выпадающий список

Для добавления каждого нового пункта в список следует использовать тэг <option>… </option>. Для создания прокручивающегося списка в тэг <select> необходимо добавить параметр, указывающий на количество отображаемых строк: <select size=2>.

<ТЕХТAREA> (слитно) ∙ Поле ввода текста

— cols — количество символов в строке поля

— rows — количество строк в поле.

— wrap=virtual — указание на возможность автоматического переноса текста

Для того, чтобы какой-либо элемент формы мог принимать участие в передаче данных (например, чтобы его значение могло быть послано по почте), он должен иметь свое уникальное имя — в его тэге долен быть параметр "пате="Имя"". Если такого параметра нет, то информация данного элемента формы никуда передана быть не может. Пример использования формы для передачи данных смотрите в главах 19 и 22.

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

Неплохие подборки книг по компьютерным технологиям, в частности, по HTML и разработке web-сайтов можно найти в специальных электронных библиотеках, например, по адресам http://rusdoc.df.ru, http://infocity.kiev.ua.

Скрипты

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

Сценарии, исполняющиеся на клиентском компьютере, встраиваются в загружаемые web-страницы их разработчиками и выполняются браузером клиентского компьютера. Для того, чтобы они могли быть выполнены, браузер должен уметь их интерпретировать и выполнять — поддерживать язык, на котором скрипты написаны.

На настоящее время существуют два языка для написания таких сценариев — JavaScript и VBScript (от Visual Basic Script), причем первый из них поддерживается практически всеми современными моделями браузеров — Microsoft Internet Explorer, Netscape Navigator, Opera, Ariadna, а второй — только Microsoft Internet Explorer (начиная с версии 4.0). Поэтому использование JavaScript предпочтительнее, но этот язык несколько сложнее по своему синтаксису и не позволяет реализовывать некоторые возможности, которые доступны VBScript. Однако, поскольку доля пользователей браузера Microsoft Internet Explorer сейчас составляет порядка восьмидесяти-девяноста процентов от всех пользователей сети Интернет, то VBScript можно широко использовать, а для пользователей браузеров, не поддерживающих этот язык, сделать специальный, упрощенный вариант сайта.