![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Рисунки -гиперссылки
Графические ссылки позволяют по щелчку на изображении перейти к другому файлу. Они делают документ более понятным и полезным. Графическая ссылка выделяется рамкой. < A HREF=" art.htm" > < IMG SRC=" clips.gif" ALT=" Здесь расположен рисунок" > < /A> < A HREF=" https://www.lis.lv/~cat5" > < IMG SRC=" lis.gif" ALT=" Lis" border=" 0" width=" 47" height=" 47" > < /A> Множественные рисунки-гиперссылки реализуются как активные изображения. Активное изображение - это изображение, на котором находятся несколько активных областей (hot spots), каждая из которых ссылается на определенную Web-страницу. Активные изображения представляют собой отличный метод создания красивых и удобных меню. Различают два типа активных изображений: активные изображения, работающие на сервере, и активные изображения, работающие на стороне клиента. Первый тип для своей работы использует cgi-сценарий. Это программа, работающая на сервере. Такие программы выполняют многие процессы на Web-страницах. Например, большинство гостевых книг работают на основе таких программ. Пишутся cgi-скрипты чаще всего на языке Perl. Эти скрипты перестают использоваться, т.к. в настоящее время существуют более совершенные Java-скрипты и другие технологии. Проблема cgi-скриптов заключается в том, что они выполняются на сервере. Это серьезная угроза для безопасности сервера. Кроме того, они требуют определенных ресурсов системы. Большинство системных администраторов не разрешает пользоваться директорией cgi-bin, в которой запускаются эти программы. Выходом из такой проблемы являются многочисленные бесплатные сервисы, предоставляющие возможность использовать наиболее распространенные cgi-скрипты на страницах просто вставляя куски HTML-кода. Понятно, что такой метод не очень удобен и доступен немногим, но его поддерживают почти все броузеры. Второй метод не требует использования сервера вообще, но он работает только в броузерах, поддерживающих HTML 3.0 (Internet Explorer, Netscape Navigator 2.0, Mosaic 2.0 и более современные). Создание активных изображений вручную трудоемкий процесс, т.к. требуется задавать много активных областей в координатах. Лучше всего использовать программы, созданные специально для задания активных областей и простого формирования всего активного изображения. Кроме того, такую функцию поддерживают большинство HTML редакторов, например FrontPage или MapEdit.
Списки Заголовок списка создаётся тегом < LH>, за которым следует текст. Теги < LI> и < /LI> обозначают элемент списка. Для создания ненумерованного списка используется тег < OL TYPE=x>. Значение х определяет вид значка маркера. Возможно задание значка маркера одним из трех стандартных видов: < UL TYPE=DISC> < LI> Первая строка < LI> Вторая строка < /UL> < UL TYPE=CIRCLE> < LI> Первая строка < LI> Вторая строка < /UL> < UL TYPE=SQUARE> < LI> Первая строка < LI> Вторая строка < /UL>
< PLAIN> - атрибут для создания ненумерованного списка без маркера. Задание значка маркера допускается в виде любой картинки: < UL SRC=картинка с изображением маркера > < LI> Первая строка < LI> Вторая строка < /UL> Этот атрибут можно задавать в теге < UL>, определив сразу все маркеры списка, а можно использовать разные файлы с расширением gif для разных пунктов списка, помещая атрибут SRC= в каждом теге < LI>. Для использования этого атрибута нужно задать атрибут PLAIN=. Для создания нумерованного списка используется тег < OL TYPE=x>. Значение х = 1, если требуется создать список с нумерацией в виде последовательности арабских цифр, т.е. в формате 1, 2, 3, 4.… Значение х = А создает список вида А, В, С, D.… Значение х = а - список вида а, b, c, d.… Значение х = I - список вида I, II, III, IV…. Значение х = i - список вида i, ii, iii,.…Таким образом, для получения нумерованного списка необходимо написать последовательность тегов: < OL TYPE=1> < LI> < FONT SIZE=" 4" > Первая строка < /FONT> < /LI> < LI> < FONT SIZE=" 4" > Вторая строка < /FONT> < /LI> < /OL> < OL TYPE=A> < LI> < FONT SIZE=" 4" > Первая строка < /FONT> < /LI> < LI> < FONT SIZE=" 4" > Вторая строка < /FONT> < /LI> < /OL> < OL TYPE=a> < LI> < FONT SIZE=" 4" > Первая строка < /FONT> < /LI> < LI> < FONT SIZE=" 4" > Вторая строка < /FONT> < /LI> < /OL> Для смены порядка нумерации используются атрибуты SKIP=, START= и VALUE= в теге < LI> или < OL>. Атрибут SKIP= пропускает заданное число пунктов нумерации. START= используется для указания места, с которого в заданном типе нумерации (числа, буквы, римские цифры) следует начать нумеровать список. Атрибут VALUE= присваивает определенный номер данному пункту нумерованного списка. После задания этого атрибута последующие пункты будут нумероваться, начиная с заданного в этом атрибуте номера. Например: < OL TYPE=" 1" SKIP=2> < LI> Первая строка < /LI> < LI> Вторая строка < /LI> < LI> 3-я строка < /LI> < LI> 4-я строка < /LI> < /OL> Если на странице мало места под списки, то удобно использовать атрибут COMPACT=. Он показывает списки в сжатом виде за счет уменьшения межстрочных интервалов, использования меньшего размера шрифта и других методов.
Пример 4. < HTML> < HEAD> < TITLE> Списки < /TITLE> < /HEAD> < BODY> < P> < H1> Посмотрим, как выглядит упорядоченный список< /H1> < P> < H2> Каждое утро я кладу в свой портфель: < /H2> < Br> < OL TYPE=1 START=1> < LI> Тетради < LI> Книги < LI> Карандаши < LI> Ручку < LI> Линейку < LI> Пакет с завтраком < LI> Кошелёк < /OL> < /BODY> < /HTML>
|