version 5.0
Начало
| Урок 1
Далее | Урок 2
Далее |
Урок 3
Формы |
Урок 4
Фреймы |
Урок 5
Таблицы |
Урок 6
Советы |
Мелочь, но приятно
|
|
www.refantom.narod.ru
Тэги
списков
Существует
три основных вида списков в HTML-документе:
- пронуменрованный
- непронуменрованный
- список описаний
Вы можете
создавать вложенные списки, используя различные
тэги списков или повторяя одни внутри других. Для
этого просто необходимо разместить одну пару
тэгов (стартовый и завершающий) внутри другой.
Будут ли элементы вложенного списка иметь те же
маркеры, обозначающие элемент списка - зависит от
броузера. Более подробно смотри в разделе
"Вложенные списки".
Пронумерованные
списки
В пронумерованном списке броузер автоматически
вставляет номера элементов по порядку. Это
означает, что если вы удалите один или несколько
элементов пронумерованного списка, то остальные
номера автоматически будут пересчитаны.
Пронумерованный список начинается стартовым
тэгом <OL> и завершается тэгом </OL>. Каждый
элемент списка начинается с тэга <LI>. Например:
<OL>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</OL>
- Программирование
- Алгоритмизация
- Проектирование
Тэг <OL> может
иметь параметры:
<OL TYPE=A|a|I|i|1 START=n>
где:
TYPE
Вид счетчика:
- A - большие латинские
буквы (A,B,C...)
- a - маленькие
латинские буквы (a,b,c...)
- I - большие римские
цифры (I,II,III...)
- i - маленькие римские
цифры (i,ii,iii...)
- 1 - обычные цифры
(1,2,3...)
START=n
- Число, с которого
начинается отсчет
Например:
<OL TYPE=I START=15>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</OL>
- Программирование
- Алгоритмизация
- Проектирование
Непронумерованные
списки
Для непронумерованных списков броузер обычно
использует маркеры для пометки элемента списка.
Вид маркера, как правило, настраивает
пользователь броузера.
Непронумерованный список начинается стартовым
тэгом <UL> и завершается тэгом </UL>. Каждый
элемент списка начинается с тэга <LI>. Например:
<UL>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</UL>
- Программирование
- Алгоритмизация
- Проектирование
Тэг <UL> может иметь параметр:
<UL TYPE=disc|circle|square>
Тип тэга <UL> определяет внешний вид маркера
как вид по умолчанию (disc), круглый (circle) или
квадратный (square). Например:
<UL TYPE=square>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</UL>
- Программирование
- Алгоритмизация
- Проектирование
Вложенные списки
Дадим пример вложенных списков:
<HTML>
<HEAD>
<TITLE> Список сотрудников </TITLE>
</HEAD>
<BODY>
<H2> Список сотрудников нашей фирмы </H2>
<H3> Составлено : 30 июля 1996 года </H3>
Данный список содержит фамилии, имена и отчества
всех сотрудников нашей компании. <P>
Список может быть использован только в служебных
целях. <P>
<OL>
<LI> Дирекция
<UL>
<LI> Иванов И.И.
<LI> Петров К.В.
</UL>
<LI> Отдел маркетинга
<UL>
<LI> Варшавская Е.Л.
<LI> Самсонов Д.М.
</UL>
</OL>
</BODY>
</HTML>
Вот, что вы увидите на экране броузера:
Список сотрудников нашей фирмы
Составлено : 30 июля 1996 года
Данный список содержит фамилии, имена и отчества
всех сотрудников нашей компании.
Список может быть использован только в служебных
целях.
- Дирекция
- Отдел маркетинга
- Варшавская Е.Л.
- Самсонов Д.М.
Элемент списка <LI>
Тэг <LI> может иметь параметры:
<OL TYPE=disc|circle|squade> или <OL TYPE=A|a|I|i|1 VALUE=n>
в зависимости от того, в списке какого вида
находится данный элемент.
TYPE
- Вид маркера (см. <UL>) или счетчика (см.OL)
VALUE=n
- Значение для элемента пронумерованного списка
(его номер). Все дальнейшие номера элементов
списка будут отсчитываться от этого номера.
Например:
<OL TYPE=I START=15>
<LI> Программирование
<LI TYPE=i VALUE=25> Алгоритмизация
<LI> Проектирование
</OL>
- Программирование
- Алгоритмизация
- Проектирование
Список определений
Список определений начинается с тэга <DL> и
завершается тэгом </DL>. Данный список служит
для создание списков типа
"термин"-"описание". Каждый термин
начинается тэгом <DT> , а описание - тэгом <DD>.
Например:
<DL>
<DT> <B> Отдел маркетинга </B>
<DD> Данный отдел занимается продвижением
продуктов и услуг
<DT> <B> Финансовый отдел </B>
<DD> Данный отдел занимается всеми финансовыми
операциями
<DT> <B> Отдел кадров </B>
<DD> Данный отдел занимается учетом и набором
новых сотрудников фирмы, распределением
отпусков, отслеживанием больничных листов и т.д.
</DL>
- Отдел маркетинга
- Данный отдел занимается продвижением продуктов
и услуг
- Финансовый отдел
- Данный отдел занимается всеми финансовыми
операциями
- Отдел кадров
- Данный отдел занимается учетом и набором новых
сотрудников фирмы, распределением отпусков,
отслеживанием больничных листов и т.д.
Гипертекстовые ссылки
Гипертекстовые ссылки являются ключевым
компонентом, делающим WEB привлекательным для
пользователей. Добавляя гипертекстовые ссылки
(далее - ссылки), вы делаете набор документов
связанным и структурированным, что позволяет
пользователю получать необходимую ему
информацию максимально быстро и удобно.
Ссылки имеют стандартный формат, что позволяет
броузеру интерпретировать их и выполнять
необходимые функции (вызывать методы) в
зависимости от типа ссылки. Ссылки могут
указывать на другой документ, специальное место
данного документа или выполнять другие функции,
например запрашивать файл по FTP-протоколу для
отображения его броузером. URL может указывать на
специальное место по абсолютному пути доступа,
или указывать на документ в текущем пути доступа,
что часто используется при организации больших
структурированных WEB-сайтов.
- Внимание! Вы можете использовать ссылки как
для перемещения по документу, так и для
перемещения от одного документа к другому.
Однако, HTML не поддерживает возврат на предыдущую
ссылку, если перемещение происходило внутри
документа. Если вы используете ссылки внутри
документа, а затем нажимаете на клавишу Back, то вы
не перейдете на предыдущую ссылку, а вернетесь на
ту часть документа, которую вы просматривали до
этого.
URL
HTML использует URL (Uniform Resource Locator) для
представления гипертекстовых ссылок и ссылок на
сетевые сервисы внутри HTML-документа. Первая
часть URL (до двоеточия) описывает метод доступа
или сетевой сервис. Другая часть URL (после
двоеточия) интерпретируется в зависимости от
метода доступа. Обычно, два прямых слэша после
двоеточия обозначают имя машины:
method://machine-name/path/foo.html
Следующий пример представляет собой вызов
HTML-документа index.html с сервера www.softexpress.com
с использованием HTTP протокола:
http://www.softexpress.com/index.html
Uniform Resource Locator имеет следующий формат:
method://servername:port/pathname#anchor
Опишем каждый из
компонентов URL:
METHOD
- Имя операции, которая
будет выполняться при интерпретации данного URL.
Наиболее часто используемые методы:
file:
- чтение файла с
локального диска. Имя файла интерпретируется для
локальной машины пользователя. Данный метод
используется для отображения какого-либо файла,
находящегося на машине пользователя. Например:
file:/home/alex/index.html - отобажает файл index.html из
каталога /home/alex на пользовательской машине
http:
- доступ к WEB-странице в
сети с использованием HTTP-протокола. (Это наиболее
часто используемый метод доступа к какому-либо
HTML-документу в сети). Например:
http://www.softexpress.com/ - доступ к Home-странице
компании SoftExpress
ftp:
- запрос файла с
анонимного FTP-сервера. Например:
ftp://hostname/directory/filename
mailto:
- активизирует почтовую
сессию с указанным пользователем и хостом.
Например:
mailto:info@softexpress.com - активизирует сессию
посылки сообщения пользователю info на машине
softexpress.com, если броузер поддерживает запуск
электронной почты. Заметьте, что метод mailto:
не требует указание слэшей после двоеточия (как
правило, после двоеточия сразу идет электронный
адрес абонента)
telnet:
- обращение к службе telnet
news:
- вызов службы новостей,
если броузер ее поддерживает. Например:
news:relcom.www.support
SERVERNAME
- Необязательный параметр,
описывающий полное сетевое имя машины. Например:
www.softexpress.com - полное
сетевое имя сервера фирмы СофтСервис.
Если имя сервера не
указано, то ссылка считается локальной, и полный
путь, указанный далее в URL вычисляется на той
машине, с которой взят HTML-документ, содержащий
данную ссылку. Вместо символьного имени машины
может быть использован IP-адрес, однако это не
рекомендуется из-за возможного пересечения с
фиксированными локальными адресами внутренней
сети.
PORT
- Номер порта TCP на котором
функционирует WEB-сервер. Если порт не указан, то
"по умолчанию" используется порт 80. Данный
параметр (port) не используется в подавляющем
большинстве URL.
PATHNAME
- Частичный или полный
путь к документу, который должен вызваться в
результате интерпретации URL. Различные WEB-сервера
сконфигурированы по разному для интерпретации
пути доступа к документу. Например, при
использовании CGI скриптов (исполняемых программ),
они обычно собираются в одном или нескольких
выделенных каталогах, путь к которым записан в
специальных параметрах WEB-сервера. Для данных
каталогов WEB-сервером выделяется специальный
логический путь, который и используется в URL. Если
WEB-сервер видит данный путь, то запрашиваемый
файл интерпретируется как исполняемый модуль. В
противном случае, запрашиваемый файл
интерпретируется просто как файл данных, даже
если он является исполняемым модулем. Например:
http://www.softexpress.com/cgi-win/handle.exe
В данном примере
HTTP-сервер должен вызвать CGI-скрипт с именем handle.exe,
который находится на машине с сетевым именем www.softexpress.com.
Путь к данному скрипту - /cgi-win/ - в
действительности является виртуальным путем
(выделенным сервером для исполняемых модулей).
Заметьте, что при описании пути используется
UNIX-подобный синтаксис, где, в отличии от DOS и Windows
используются прямые слэши вместо обратных. Если
после сетевого имени машины сразу идет имя
документа, то он должен находиться в корневом
каталоге на удаленной машине или (что чаще) в
каталоге, выделенном WEB-сервером в качестве
корневого. Если же URL закагчивается сетевым
именем машины, то в качестве документа
запрашивается документ из корневого каталога
удаленной машины с именем, установленным в
настройках WEB-сервера (как правило, это index.html).
#ANCHOR
- Данный элемент является
ссылкой на строку (точку) внутри HTML-документа.
Большинство броузеров, встречая после имени
документа данный элемент, размещают документ на
экране таким образом, что указанная строка
документа помещается в верхнюю строку рабочего
окна броузера. Точки, на которые ссылается #anchor,
указываются в документе при помощи тэга NAME, как
это будет описано далее.
Структура ссылок в
HTML-документе
Пока что мы рассмотрели
только внешний вид URL. Для того, чтобы броузер
отобразил ссылку на URL, необходимо отчетить URL
специальными тэгами в HTML-документе. Синтаксис HTML,
позволяющий жто сделать - следующий:
<A HREF="URL">
текст-который-будет-подсвечен-как-ссылка </A>
Тэг <A HREF="URL">открывает
описание ссылки, а тэг </A> - закрывает его.
Любой текст, находящийся между данными двумя
тэгами подсвечивается специальным образом
Web-броузером. Обычно этот текст отображается
подчеркнутым и выделенным синим (или другим
заданным пользователем) цветом. Текст,
обозначающий URL, не отображается броузером, а
используется только для выполнения предписанных
им действий при активизации ссылки (обычно при
щелчке мыши на подсвеченном или подчеркнутом
тексте). Вот пример сегмента HTML-документа:
Для получения
дополнительной информации смотри
<A HREF="http:/www.softexpress.com/index.html> страницу
компании СофтСервис </A>
Данная строка будет
выглядеть на экране следующим образом:
Для получения
дополнительной информации смотри страницу
компании СофтСервис |