Файл: Основы программирования на языке HTML ( Структура Web-страницы).pdf

text=’’#RRGGBB’’

Для задания цвета гиперссылок используется атрибут:

link=’’RRGGBB’’

Также можно задать цвет для использованных гиперссылок:

vlink=’’RRGGBB’’

Гипертекст, расположенный внутри элемента BODY, может иметь произвольную структуру. Ее определяют в первую очередь назначение Web-страницы и фантазия разработчика.

<A></a>

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

<A name=’’Метка’’></a>

В этом случае для перехода внутри документа можно использовать следующую конструкцию:

<P>Переход к <A href=’’#Метка’’>метке</a></p>

Несколько подобных строк могут образовать своеобразное оглавление Web-страницы, которое можно разместить в начале и в конце документа.

<BASE>

Элемент для установки базового адреса (URL) для ссылок. Это позволяет опускать их начальную часть. Для использования элемента необходима следующая конструкция:

<BASE href=’’http://компьютер/путь1’’>

Фрагмент путь1 не является обязательным. При форматировании полного адреса он будет отброшен.

В том случае, когда надо задать базовый адрес для локального диска (например D:), должна быть использована такая конструкция:

<BASE href=’’file://D:\путь\’’>

Тогда при указании относительной ссылки можно задать не только имя файла, но и имена папок, в которых он находиться. Иными словами, путь к файлам может быть разбит на две части: абсолютную и относительную. Это полезно в том случае, когда для файлов указанных в документе, есть общий начальный фрагмент пути.

В выражении абсолютной ссылки можно также опустить указание на схему доступа (file://). В этом случае будут учитываться только левая часть абсолютной ссылки до первого левого символа “\”, то есть имя локального диска.

Другие конструкции мы рассмотрим ниже.

1. Гипертекстовые ссылки

Одним из самых важных элементов языка, обеспечивающий создание гиперссылок является:

<A></a>

Чаще всего используется такой шаблон:

Произвольный текст <A href=’’Адрес ссылки’’>текст для щелчка</a>

---

Или такой:

<A href=’’Адрес ссылки’’> <IMG src=’’Ссылка на рисунок’’></a>

Первый шаблон применяется в том случае, когда гиперссылка встречается в тексте. Атрибут href может указывать на ресурс Internet, файл на локальном диске или метку внутри текущей страницы. Текст, расположенный внутри элемента А, представляет собой видимую часть гиперссылки. Именно на нем должен щелкнуть пользователь, чтобы осуществить переход. Броузер выделяет этот фрагмент цветом, а после использования гиперссылки меняет цвет, чтобы обеспечить подсказку.

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

file://Диск:\Путь к файлу

или

file:///Диск:/Путь к файлу

Подобно многим другим элементам языка, элемент А требует использование атрибутов. Атрибут гиперссылки мы уже знаем, шаблон его таков:

href=’’URL’’

или

href=’’Протокол://Адрес ссылки’’

Например:

href=’’http://www.netscape.com’’

Кодовое слово, стоящее вначале URL, обозначает так называемую схему доступа. Она определяет тип сервера, доступный при помощи данной ссылки. Для пользователя это представляется как доступ к одной из “разновидностей” Internet. В этом смысле можно сказать, что Internet - это как бы несколько сетей в одной. У каждой из них существуют свои правила доступа, достоинства, недостатки, свои приверженцы и противники. Но все ее клиенты используют одни и те же каналы связи. Похожая ситуация наблюдается и в обычных телефонных сетях. Их можно использовать для связи голосом, передачи факсов, межкомпьютерной связи и т. д.

WWW, как самая современная система, должна обеспечивать совместимость с более ранними, поэтому от старых протоколов не отказываются, а стараются приспособить их к современным нуждам (например, ftp). Существуют следующие схемы доступа:

file - доступ к файлу на локальном диске;

ftp - доступ к архивам файлов при помощи протокола передачи файлов ( file transfer protocol);

gopher - доступ к системе Gopher;

http - доступ к WWW;

mailto - отправка сообщений по электронной почте;

news - доступ к новостям USENET;

nntp - доступ к новостям USENET с использованием протокола NNTP;

telnet - подключение по протоколу telnet;

wais - подключение к системе WAIS.

---

Когда гиперссылка используется для указания адреса электронной почты, ее выбор обеспечивает не переход к новому документу, а запуск диалога для отправки сообщения указанному адресату. Обычно такую ссылку размещают в конце страницы для обеспечения связи с Web-мастером или автором страницы. Для своей личной страницы я бы могла составить такую ссылку:

<A href=’’mailto:alexs@pccenter.ru’’></a>

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

<A name=’’Метка’’></a>

4. Шаблон Web-документа

Как было сказано выше, форматирование документа на языке HTML задается специальными дескрипторами. Дескриптором называется команда форматирования данных и заключена эта команда в угловые скобки. Существуют открывающие и закрывающие дескрипторы, между которыми размещается текст, подлежащий форматированию. Открывающие дескрипторы задают способ форматирования, вторые его отменяют. Разница между такими дескрипторами заключается в том, что в закрывающем дескрипторе перед именем стоит косая черта. Существуют также дескрипторы, которые не требуют закрывающего варианта. Язык HTML не чувствителен к регистру букв, поэтому все дескрипторы можно задавать как прописными, так и строчными буквами. Броузер будет их однозначно интерпретировать в любом написании. Если просмотреть исходный текст типичной Web–странички, то можно увидеть примерно следующее содержание:

1. Заголовок документа
2. Текст

Между дескрипторами и находится непосредственно весь документ. Дескрипторы и определяют область задания заголовка документа. Между парой и помещается заголовок документа. Его содержимое просматривается в названии окна браузера. Информация в заголовке используется некоторыми сетевыми роботами для индексирования данных при сканировании ресурсов WWW. В эту область можно вводить, например, данные об авторе, краткое описание документа. Между дескрипторами и заключаются данные, которые будут выводиться браузером на экран. Дескрипторы и содержат данные об авторе, которые будут выводиться на экран, например, имя и фамилию автора, его электронный адрес, дата создания и изменения документа и т.д.

Строго говоря, ни одни из вышеописанных дескрипторов не являются обязательными при создании документов, однако они помогают структурировать документы и их определение является признаком хорошего стиля при составлении Web–страничек.

---

Форматирование текста:

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

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

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

Создание заголовков:

Заголовки различного уровня задаются с помощью дескрипторов, где n – число от 1 до 6.

Заголовки являются одним из наиболее часто используемых элементов оформления документов в WWW.

Создание списков:

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

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

Ссылки:

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

---

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

Локальная ссылка - ссылка на произвольное место любого файла, находящегося на данном Web-сервере. Она описывается так :
< a href="имя файла # метка" > образ < /a>, 
где "образ" - текст или картинка, имя файла - файл с расширением htm ( для файлов из текущей директории) или файл с указанием пути к нему в противном случае

Пример: по слову " переход " мы хотим перейти на другую Web-страницу из текущей директории. Соответствующая ссылка описывается так :

< a href="pereh.htm#perehod" > переход < /a >. 
Здесъ pereh.htm - имя файла, в котором находится описание Web-страницы, а perehod - имя метки в этом файле. 

Если ссылка указывает на некую метку в пределах текущего документа, то описание ссылки будет выглядеть следующим образом:

< a href="# метка" > образ < /a>, 
где "образ" - текст или картинка. 

Пример : по образу " начало " нам нужно перейти в начало текста. 
Соответствующую ссылку опишем так :< a href="#begin" > начало < /a >. 
Здесъ begin - метка, на которую мы попадем, выбрав слово " начало". Мы должны описатъ ее в начале тела документа следующим образом:

< body > < a name="begin" >

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

Текст ссылки метку в другом документе URL может быть как относительным, так и абсолютным. Кроме того, ссылка может указывать не только на документ, но также и на изображения, двоичные файлы, звуковые файлы т.д. Поведение браузера при переходе по той или иной ссылке зависит от его конкретных настроек. Так, если ссылка указывает на документ, то он будет загружен, если же это звуковой или видеофайл, то он будет проигран. Если же это двоичный файл, браузер предложит его переписать на локальный диск.

---