| « Поставить закладку » « Сделать стартовой » | |||
|
|||
| Статьи:: Интернет технологии :: Dreamweaver :: Как сделать простейший Web сайт :: Глава 1. Как создаются Web-страницы :: Гиперссылки
ГиперссылкиНе
только и не столько Web-страницы прославили Интернет. Свою роль внесло еще одно
замечательное изобретение, буквально связавшее разрозненные документы в
настоящую паутину. Она так и называется — Всемирная паутина, а по-английски —
World Wide Web или WWW. (Вы уже встречали это название в наименовании World Wide
Web Consortium — организации, ответственной за стандартизацию Интернета.)
Благодаря этому изобретению вы можете с легкостью перемещаться по страницам,
ведь любой уголок Всемирной сети находится от вас на расстоянии щелчка мыши. Это
гиперссылки — особые связи, ведущие от одной Web-страницы к другой. Именно по
ним вы щелкаете мышью, если хотите перейти на другую страницу.
Гиперссылки создаются с помощью особого парного тега <А> и имеют следующий вид: <А
HREF="http://www.somesite.ru/pages/page125.html">Cтpaница
N125</A> Как
видите, тег <А> содержит атрибут HREF, который задает интернет-адрес страницы,
на которую будет выполнен переход при щелчке по гиперссылке. Этот атрибут
обязательно должен присутствовать в любом теге <А>, задающем гиперссылку - это
обязательный атрибут. (Как выяснится далее, тег <А> может задавать не только
гиперссылки.)
Интернет-адрес нужной Web-страницы вам нужно выяснять самим. Сделать это не так
уж и сложно. Обычно он состоит из интернет-адреса Web-сайта, на котором
находится нужная страница, и полного пути доступа к файлу этой страницы. В нашем
случае, http://www.somesite.com— это
адрес сайта, a /pages/pagel25.htm — путь доступа к файлу страницы. Если
нужно получить доступ к странице, находящейся на том же сайте, что и текущая, вы
можете опустить адрес сайта. В этом случае код гиперссылки будет таким: <А
НКЕР="/раges/раgе125.html">Страница N125</А> Если
же нужная страница находится еще и в той же папке, что текущая, можно вообще
оставить только имя файла: <А
НREF="раgе125.html">Страница М125</А> А
теперь давайте создадим две простейшие Web-странички и свяжем их гиперссылкой. В
качестве первой страницы мы возьмем уже написанную нами ранее и сохраненную в
файле 1.2.htm (см. рис. 1.2). Только добавим внизу следующий код: <Р><А
HREF="1.4.htm">Сведения об авторе</А></Р>
Сохраните новую страницу в файле 1.3.htm. Код
второй страницы приведен ниже. Я уверен, что вы в нем разберетесь.
<HTML> <HEAD>
<ТITLE>Сведения об авторе<ТITLE> </HEAD> <BODY>
<Р>Эту страничку написал я. И я очень горд этим!</Р> </BODY> </HTML>
Сохраните ее в файле 1.4.htm.
Теперь откройте в Web-обозревателе файл 1.3.htm и щелкните по гиперссылке
"Сведения об авторе". В окне Web-обозревателя появится страница со сведениями об
авторе, сохраненная в файле 1.4.htm. А
теперь сделаем небольшой фокус. Измените код гиперссылки, помещенный в HTML-код
первой страницы, таким образом (изменения выделены полужирным шрифтом): <Р><А
HREF="1.4.htm" ТАRGЕТ="_blank">Сведения об авторе</А></Р> Мы
поместили в тег <А> атрибут TARGET, задающий цель гиперссылки. Цель гиперссылки
задает, куда будет выведена Web-страница, на которую она указывает. Если этому
атрибуту присвоено значение _biank, страница будет выведена в отдельное окно
Web-обозревателя. Чтобы задать обычное поведение гиперссылки (новая страница
выводится в то же окно), присвойте атрибуту TARGET значение _seif или вообще
уберите его из кода гиперссылки. В
отличие от атрибута HREF тега <А>, атрибут TARGET не является обязательным. Он
так и называется — необязательный атрибут.
Сохраните измененную Web-страницу и повторно откройте ее в Web-обозревателе,
после чего щелкните по гиперссылке. На экране появится новое окно
Web-обозревателя, в котором вы увидите страницу со сведениями об авторе. Чтобы лучше узнать человека, нужно познакомиться с ним поближе. Так и с гиперссылками. В дальнейшем мы поговорим о них подробнее. А пока -закончим! Рубрика: Глава 1. Как создаются Web-страницы
Инструменты Internet Explorer 8 Beta 2 для разработчиков.
Подробнее... |
Рубрика: Вебмастеру
| Добавлено: 05.09.2008
Google Developer Day 2008 в Москве.
Дата проведения: 28 октября 2008 г.; Место проведения: Амбер Плаза, Москва, Россия. Конференция для веб-разработчиков и разработчиков мобильных приложений в Москве. Узнайте, как наилучшим образом использовать инструменты разработки и API от Google, чтобы создавать социальные, мобильные и картографические приложения, как использовать AJAX/JavaScript инструменты и библиотеки от Google и многое другое из первых уст.
Подробнее... |
Рубрика: Мероприятия
| Добавлено: 05.09.2008
ТОП 10 самых раздражающих факторов для программиста.
Совсем недавно наткнулся в интернете на забавный "хит-парад" наиболее раздражающих вещей для программиста. Поскольку он был на английском — решил перевести текст и несколько адаптировать к нашим реалиям…
Подробнее... |
Рубрика: Разное
| Добавлено: 03.09.2008
Остальные статьи:
Windows Server 7, 8 и 9
jQuery для JavaScript-программистов
Инновационный веб-броузер Google Chrome стартует уже сегодня
Windows 7: подход к производительности системы
Trac + Subversion @ Ubuntu: Revisited
[g]Vim в режиме Python: Рекомпиляция в Windows
Java + JSON. Пути к дружбе
Драйвер SQL Server 2005 для PHP
Типы данных в MySQL (сжатый справочник для PHP программиста)
PHP класс для работы с Яндекс.XML
Ошибки начинающих PHP разработчиков
Наследование шаблонов в Smarty
Особенности хранения сессий PHP в memcached
Internet Explorer 8 beta 2
9 правил для начинающего Ajax-разработчика
ExtJS 2.2 - полная поддержка Firefox 3, новые виджеты и другие нововведения |
Цитата дня (все,добавить):
|
Realcoding.NET
© 2003-2008 |
Контакты |
Реклама на сайте
|