Добавлен: 22.04.2023
Просмотров: 171
Скачиваний: 2
Гиперссылки имеют стандартный формат, что позволяет браузеру разъяснять их и выполнять нужные функции (вызывать методы) в зависимости от вида гиперссылки. Гиперссылки могут направлять на иной документ, особое место предоставленного документа либо выполнять иные функции, к примеру, запрашивать файл по FTP-протоколу для отображения его браузером. URL может направлять на особое место по безусловному пути доступа, либо направлять на документ в текущем пути доступа, что нередко применяется при организации больших структурированных Интернет-страниц.
Вы сможете применять гиперссылки как для движения по документу, так и для движения от одного документа к другому. Но HTML не поддерживает возврат на предшествующую гиперссылку, если перемещение происходило внутри документа. Ежели вы применяете гиперссылки внутри документа, а потом нажимаете на кнопку Back, то вы никак не перейдете на предшествующую гиперссылку, а вернетесь на ту часть документа, которую вы просматривали до этого. URL. HTML употребляет URL (Uniform Resource Locator) для представления гиперссылок и ссылок на сетевые сервисы внутри HTML-документа. 1-ая часть URL (до двоеточия) обрисовывает способ доступа либо сетевой сервис. Иная часть URL (после двоеточия) интерпретируется в зависимости от способа доступа. Традиционно, 2 прямых слеша после двоеточия означают имя машины:
method://machine-name/path/foo.html
Последующий пример представляет собой вызов HTML-документа index.html с сервера www.softexpress.com с внедрением HTTP протокола: #"justify"> Uniform Resource Locator имеет последующий формат: method://servername:port/pathname#anchor
Опишем каждый из компонентов URL:. Имя операции, которая станет выполняться при интерпретации предоставленного URL. Более часто применяемые способы: чтение файла с локального диска. Имя файла интерпретируется для локальной машины юзера. Этот способ употребляется для отражения какого-либо файла, пребывающего на машине юзера. Например: file:/home/alex/index.html - показывает файл index.html из каталога /home/alex на пользовательской машине: доступ к Интернет-странице в сети с внедрением HTTP-протокола. (Это более часто применяемый способ доступа к какому-либо HTML-документу в сети). К примеру: #"justify"> mailto: инициирует почтовую сессию с указанным юзером и хостом. К примеру: mailto:info@softexpress.com - активизирует сессию посылки извещения юзеру info на машине softexpress.com, ежели браузер поддерживает пуск электронной почты. Заметьте, что способ mailto: не просит указание слешей после двоеточия (как правило, после двоеточия сразу идет электронный адрес абонента) telnet: обращение к службе telnet: вызов службы новостей, ежели браузер её поддерживает. К примеру: news:relcom.www.support. Необязательный параметр, обрисовывающий полное сетевое имя машины. К примеру: www.softexpress.com - полное сетевое имя сервера компании Софт Сервис.
Ежели имя сервера не указано, то гиперссылка считается локальной, и целый путь, указанный дальше в URL рассчитывается на той машине, с которой взят HTML-документ, сохраняющий эту гиперссылку. Заместо символьного имени машины имеет возможность быть применен IP-адрес, но это не рекомендовано из-за вероятного пересечения с зафиксированными локальными адресами внутренней сети.. Номер порта TCP на котором работает Интернет-сервер. Ежели порт не указан, то "по умолчанию" употребляется порт 80. Этот параметр (port) не употребляется в основной массе URL.. Отдельный либо целый путь к документу, который обязан вызваться в итоге интерпретации URL. Разные Интернет-сервера сконфигурированы по различному для интерпретации пути доступа к документу. К примеру, при применении CGI скриптов (выполняемых программ), они обычно собираются в одном либо нескольких выделенных каталогах, путь к которым записан в особых параметрах Интернет-сервера. Для этих каталогов Интернет-сервером выделяется особый логический путь, который и употребляется в URL. Ежели Интернет-сервер видит этот путь, то запрашиваемый файл интерпретируется как выполняемый модуль. В противном случае, запрашиваемый файл интерпретируется просто как файл данных, в том числе ежели он считается выполняемым модулем. К примеру: #"justify"> В предоставленном примере HTTP-сервер обязан вызвать CGI-скрипт с именем handle.exe, который располагаться на машине с сетевым именем www.softexpress.com. Путь к этому скрипту - /cgi-win/ - в реальности считается виртуальным путем (выделенным сервером для выполняемых модулей). Заметьте, что при описании пути употребляется UNIX-схожий синтаксис, где, в отличии от DOS и Windows употребляются прямые слеши заместо обратных. Ежели после сетевого имени машины сходу идет имя документа, то он обязан пребывать в корневом каталоге на удаленной машине либо (что чаще) в каталоге, выделенном Интернет-сервером в качестве корневого. Ежели же URL кончается сетевым именем машины, то в качестве документа запрашивается документ из корневого каталога удаленной машины с именем, установленным в опциях Интернет-сервера (как правило, это index.html).
#ANCHOR. Этот элемент считается гиперссылкой на строчку (точку) внутри HTML-документа. Большая часть браузеров, встречая после имени документа этот элемент, располагают документ на экране таковым образом, что отмеченная строчка документа помещается в верхнюю строчку рабочего окна браузера. Точки, на которые ссылается #anchor, указываются в документе при помощи тэга NAME, как это будет описано дальше.
Структура гиперссылок в HTML-документе. Пока что мы рассмотрели лишь наружный вид URL. Для того, чтоб браузер показал гиперссылку на URL, нужно пометить URL особыми тэгами в HTML-документе. Синтаксис HTML, позволяющий это совершить - последующий:
<A HREF="URL"> текст-который-станет-подсвечен-как-гиперссылка </A>
Тэг <A HREF="URL"> раскрывает описание гиперссылки, а тэг </A> - закрывает его. Хоть какой текст, находящийся меж данными 2-мя тэгами подсвечивается особым образом Интернет-браузером. Традиционно данный текст отражается подчеркнутым и выделен голубым (либо иным данным юзером) расцветкой. Текст, означающий URL, не отражается браузером, а используется лишь для исполнения указанных им действий при активизации гиперссылки (обычно при щелчке мыши на подсвеченном либо подчеркнутом тексте). Вот пример сектора HTML-документа:
Для получения образца смотри <a href="http:/www.ruswebmasters.com/index.htm> страницу </a>
Гиперссылки на точки внутри документа. Вы сможете совершать гиперссылки на разные участки либо сегменты 1-го и того же документа, применяя особый сокрытый маркер для данных разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не применяя прокрутку экрана. Как только вы щелкнете на гиперссылке, браузер переместит вас на подтвержденный раздел документа, а строчка, в которой стоит маркер предоставленного раздела (обычно, 1-ая строчка раздела либо заголовок раздела) станет расположена на первой строке окна браузера (если данная строка не присутствует уже на экране браузера).
Для создания такой гиперссылки нужно исполнить последующие шаги:
. Создайте маркер раздела. Синтаксис предоставленного маркера последующий:
<A NAME="named_anchor"> Текст-который-отобразится-в-первой-строчке </A>
Создайте гиперссылку на этот маркер:
<A HREF="#named_anchor"> Текст </A>
К примеру:
<p><b>Перечень разделов</b></p> <ul> <li><a href="#ex1">Раздел 1</a></li> <li><a href="#ex2">Раздел 2</a></li> </ul> <p><a name="ex1"></a>Раздел 1</p> <ul> <p>Текст раздела 1</p> </ul> <p><a name="ex2"></a>Раздел 2</p> <ul> <p>Текст раздела 2 <br></p>
Символы "#ex1" докладывает вашему браузеру, что нужно отыскать в предоставленном HTML-документе маркер с именем "ex1".
Когда юзер щелкнет мышью на строчке "Раздел 1", браузер перейдет сразу к разделу 1. Графика внутри документа
Одна из более симпатичных черт Web - возможность включения гиперссылок на графические и другие разновидности данных в HTML-документ. Делается это при помощи тэга <IMG...ISMAP>. Внедрение предоставленного тэга позволяет существенно повысить внешний вид и работоспособность документов.
Есть 2 метода применения графики в HTML-документах. Первый - это введение графических образов в документ, что позволяет юзеру видеть изображения конкретно в контексте остальных частей документа. Это наиболее применяемая техника при конструировании документов, именуемая иногда "inline image". Синтаксис тэга:
<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop ISMAP>
Опишем составляющие синтаксиса тэга:
Обязательный параметр, имеющий такой же синтаксис, как и обычный URL. Этот URL показывает браузеру где находится изображение. Изображение обязано храниться в графическом формате, поддерживаемом браузером. На нынешний день форматы GIF и JPG поддерживаются основной массой браузеров. = "text":
Этот необязательный элемент задает текст, который станет отображен браузером, никак не поддерживающим отражение графики либо с отключенной подкачкой изображений. Традиционно, это краткое отображение изображения, которое юзер может либо сможет увидеть на экране. Ежели этот параметр отсутствует, то на месте рисунка большая часть браузеров выводит пиктограмму (иконку), активизировав которую, юзер имеет возможность увидеть изображение. Тэг ALT рекомендуется, ежели ваши юзеры применяет браузер, не поддерживающий графический режим, к примеру Lynx. = n1:
Этот необязательный параметр употребляется для указания вышины рисунка в пикселях. Ежели этот параметр не указан, то употребляется оригинальная вышина рисунка. Это параметр позволяет сжимать либо вытягивать изображения сообразно вертикали, что позволяет наиболее верно определять внешний вид документа. Но, некоторые браузеры не поддерживают этот параметр. С иной стороны, экранное разрешение у вашего клиента может различаться с вашим, потому будьте внимательны при задании безусловной величины графического объекта. = n2:
Параметр также необязателен, как и предшествующий. Позволяет установить безусловную ширину рисунка в пикселях.: Этот параметр употребляется, чтоб сказать браузеру, куда поместить последующий блок текста. Это позволяет наиболее строго установить размещение элементов на экране. Ежели этот параметр не употребляется, то большая часть браузеров располагает изображение в левой части экрана, а текст справа от него.:
Данный параметр сообщает браузеру, что это изображение позволяет юзеру выполнять какие-либо действия, щелкая мышью на конкретном месте изображения. Данная возможность является расширением HTML.
Приведем пример применения этого тэга:
<IMG SRC="#"justify"> С версии HTML 2.0 у тэга <IMG> возникли доп характеристики:
<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop|absmiddle|baseline|absbottom BORDER=n3 VSPACE=n4 HSPACE=n5 ISMAP>
Новые характеристики:
Этот параметр позволяет создателю найти ширину рамки вокруг рисунка.:
Позволяет определить величину в пикселях пустого места над и под рисунком, чтоб текст не наезжал на изображение. В особенности это принципиально для динамически создаваемых изображений, когда невозможно заблаговременно увидеть документ.:
То же самое, что и VSPACE, однако лишь сообразно горизонтали.
Фоновые Изображения. Большая часть браузеров позволяет включать в документ фоновый изображение, которое станет матрицироваться и отражаться на фоне всего документа. Некоторые юзеры обожают фоновую графику, некоторые нет. Неназойливое полупрозрачное изображение (обои) обычно отлично смотрится в качестве фона для основной массы документов.
Описание фонового рисунка включается в тэг BODY и смотрится последующим образом:
<BODY BACKGROUND="picture.gif">.
Задание обычных расцветок. Почти все HTML-создатели любят применять заранее предопределенные расцветки фона документа, обычного текста и гиперссылок. Чтоб установить эти расцветки, нужно подключить в тэг <BODY> доп. характеристики:
<BODY BGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX"> любая из характеристик описывает цвет того либо иного элемента. Опишем эти характеристики:
Цвет фона документа:
Цвет обычного текста документа:
Цвет гиперссылки. Цвет задается шестизначным числом в шестнадцатеричном формате сообразно схеме RGB (Red, Green, Blue). Цвет #000000 соответствует черному, а цвет #FFFFFF - белому. К примеру: <BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">
Предоставленная строчка описывает белый цвет фона документа, темный текст и серебристые гиперссылки.
Горизонтальная линия. Применяя тэг <HR>, вы сможете поделить текст горизонтальной чертой.
Формат тэга:
<HR SIZE=number WIDTH=number|percent ALIGN=left|right|center NOSHADE>
Характеристики тэга:
Толщина линии в пикселях.:
Широта линии в пикселях либо процентах от ширины окна браузера.: Размещение на экране (слева | по центру | справа).: По умолчанию линия представлена в 3D виде с тенью. NOSHADE позволяет представить линию просто монотонной черной полосой.
Таблицы
Таблицы считаются комфортным и простым методом разделения частей страницы на горизонтальные и вертикальные фрагменты, выровненные меж собой. Как и обычных таблицах, части могут быть разделены либо не разделены друг от друга рамкой из вертикальных и горизонтальных линий.
Таблица полностью содержится в пару скобок