- •Основы html
- •1. Понятие о html
- •2. Структура документа html
- •3. Элементы, теги и атрибуты html
- •4. Основные теги и атрибуты форматирования html документа
- •5. Тег вставки изображения
- •6. Стандартные цвета html-документа
- •7. Контрольные вопросы
- •Ссылки в документах html
- •2. Понятие о ссылках и гипертексте
- •3. Типы ссылок
- •4. Адрес web-документа
- •5. Теги ссылок
- •6. Контрольные вопросы
- •1. Понятие о списках
- •2. Простые и вложенные списки
- •3. Описание списков в html
- •4. Описание элементов списков
Ссылки в документах html
1. World Wide Web
Одним из выдающихся достижений человечества является создание в конце XX века глобальной сети передачи информации – Интернет. Ведущая роль в распространении информации среди пользователей Интернет принадлежит WWW (World Wide Web), или Всемирной Паутине. WWW предоставляет возможность любому пользователю Интернет опубликовать свою информацию, содержащую текст, изображения (в том числе движущиеся), музыку, звуки и т.д. При этом основным языком описания текстовых документов является HTML. Однако сами по себе документы HTML (или WEB-страницы) представляет собой хотя и, возможно, богато оформленные, имеющие интересное содержание, но разрозненные объекты. Для того, чтобы объединить множество WEB-страниц в единую сеть документов, используют так называемые ссылки. Только благодаря наличию ссылок документы HTML способны образовать то, что называют сайтом, или сетью документов.
2. Понятие о ссылках и гипертексте
Ссылки позволяют переходить от одного HTML-документа к другому (или к определённому фрагменту документа) простым щелчком мыши в браузере. Таким образом, очень удобно составлять всевозможные меню, оглавления, перечни, указатели и т.п. Ссылаться можно на любой документ, доступный в сети, к которой подключен компьютер пользователя, в том числе и на содержащиеся на локальном диске этого компьютера. Документ, содержащий ссылки, называется гипертекстовым документом, или гипертекстом.
Ссылки на странице
выделены подчёркиванием. При наведении
указателя мыши на ссылку он меняет свою
форму (в Internet Explorer при обычных настройках
Windows указатель мыши принимает вид
).
При нажатии мышью на ссылку происходит
переход на страницу, на которую указывает
ссылка (адрес отображается в нижней
строке браузера при наведении указателя
мыши на ссылку). Новая страница может
открываться в этом же или новом окне
браузера.
3. Типы ссылок
Ссылки, которые указывают на другой документ, называются внешними. Ссылки, указывающие на фрагмент того же самого документа, в котором они содержатся, называются внутренними. Внутренние ссылки употребляются обычно для создания оглавления в начале длинного документа или для перехода к примечанию в конце документа и возврата обратно.
Внешние ссылки могут указывать на документ, находящийся в этой же папке, или в другой папке этого же компьютера (тогда они называются локальными), либо на документ, содержащийся в сети Интернет (такие ссылки называются глобальными). Если во внешней ссылке указан полный путь к документу, она называется абсолютной, если указана только последняя часть пути – относительной.
4. Адрес web-документа
Для того, чтобы сослаться на какой-либо документ, в первую очередь необходимо знать его адрес.
• Полный адрес WEB-документа выглядит следующим образом:
http://server.name.dom/path/file.htm#target
Здесь: http:// – название протокола для доступа к WEB-страницам (указывать необязательно);
server.name.dom – адрес сервера, на котором размещён WEB-сайт. Адрес сервера состоит из цепочки доменов, разделённых точками. В локальной сети может использоваться фиктивный адрес, произвольно выбранный при настройке сервера.
path – путь к папке на сервере, содержащей WEB-документ;
file.htm – имя и расширение документа. Расширения WEB-документа могут быть htm, html, php, phtml, shtml, asp и некоторые другие. WEB-браузерами поддерживается также отображение других типов документов: например, txt, jpg, gif, wav, avi, mpg и т.д.;
target – метка в HTML-документе, на которую выполняется ссылка. Перед именем метки обязательно ставится символ # («шарп»).
«Самый полный» вид адреса документа содержит, кроме перечисленного, ещё номер порта сервера и список параметров запроса:
proto://server.name.dom:port/path/file.htm#target?parameters
Любой из указанных элементов (кроме имени файла или метки) может отсутствовать, тогда ссылка принимает сокращённый вид.
• Сокращённый вид локальной ссылки:
path/file.htm#target
Если path является полным путём к документу file.htm (то есть начинается с корневой папки), то ссылка называются абсолютной, в противном случае ссылка называется относительной.
• Сокращённый вид внутренней ссылки содержит лишь указание метки в документе:
#target
