В первую очередь давайте поговорим о ссылках - переходах с одной страницы на другую. Ссылки это базовый элемент без которого невозможно представить интернет. Создать html ссылку очень просто. Для этого используется простенький элемент с одним атрибутом. Ну вот например: Это ссылка на сайт zvirec.com будет выглядеть в браузере: Это ссылка на сайт zvirec.com Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим и закрывающим тегом , будет текстом ссылки. Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", специфирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла. Если нужно сделать ссылку между собственными страницами? Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm ) расположенные в одной папке , то код ссылки с page1 на page2 будет выглядеть так: Для перехода на page2 щелкни здесь! Т.е. надо просто написать название страницы, на которую мы хотим перейти. Eсли страница page 2 находится в подпапке "subfolder", код ссылки выглядит так: Для перехода на page2 щелкни здесь! Так будет выглядеть код html ссылки со страницы page 2 на page1(в обратную сторону): Для перехода на page1 щелкни здесь! Т.е. сочетание "../" указывает как бы на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка. А если надо сделать ссылку внутри страницы? Бывают случаи когда необходимо сделать ссылку с начала страницы в конец или наоборот, или к примеру с оглавления на главы и.т.д. Сделать ее очень просто! Необходимо пометить место документа следующей конструкцией:

Раздел 1

Раздел1:

Теперь вы можете ссылаться на помеченную область(в данном случае Раздел1) простым указанием ее имени после значка #. Вот как будет выглядеть ссылка на раздел1: Ссылка на Раздел 1 Приведу более наглядный пример:

Оглавление

Раздел 1: как стать богатым
Раздел 2: как стать счастливым
Раздел 3: как быть здоровым

Раздел 1: как стать богатым

Для того, чтобы стать богатым необходимо очень много трудиться .....

Раздел 2: как стать счастливым

Для того чтобы стать счастливым, нужно использовать каждую минуту...

Раздел3: как быть здоровым

Для того чтобы быть здоровым нужно много заниматься физкультурой...

Вот результат в браузере: Оглавление Раздел 1: как стать богатым Раздел 2: как стать счастливым Раздел 3: как быть здоровым Раздел 1: как стать богатым Для того чтобы стать богатым необходимо очень много трудится ..... Раздел 2: как стать счастливым Для того чтобы стать счастливым, нужно использовать каждую минуту... Раздел3: как быть здоровым Для того чтобы быть здоровым нужно много заниматься физкультурой... А можно сделать ссылку на почту? Конечно можно. Вот пример ссылки на е-mail сайта zvirec.com . Написать письмо админу zvirec.com В браузере будет выглядеть: Написать письмо админу zvirec.com Как вы видите, используется mailto потом двоеточие и емаил получателя. При нажатии на ссылку запустится почтовая программа-клиент с заполненным полем имени получателя. Парочка дополнительных атрибутов: TARGET - указывает где открывать страницу на которую ведет html ссылка. По умолчанию она открывается в том же окне. Если хочется чтобы открывалась в новом, следует написать target ="_blank". TITLE - указывает заголовок ссылки, который появляется при наведении на нее. Смотрите пример: Это ссылка на сайт zvirec.com, откроется в новом окне

Эта - тоже на zvirec.com. При наведении появится заголовок. Смотрите на результат: Это ссылка на сайт zvirec.com, откроется в новом окне Эта - тоже на zvirec.com. При наведении появится заголовок. Ну вот в принципе и всё. Можете сильно не зацикливаться, в программе Adobe Dreamweaver любая ссылка делается одним нажатием мышки. Главное для Вас, понять что к чему, а зазубривать не обязательно... А можно ли изменить цвет ссылок? Конечно можно. Чтобы изменять цвет ссылок во всем документе, существуют специальные атрибуты элемента BODY . LINK - цвет просто ссылок. ALINK(Active Link) - цвет активных ссылок (активная означает в момент нажатия на нее) VLINK(Visited Link) - цвет уже посещенных ссылок Все цвета задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. К примеру если при открытии тела документа, элементу body прописать: то все ссылки в данном документе станут красными, уже посещенные ссылки станут зелеными а ссылки в момент нажатия будут белыми. А если нужно чтобы в каком -то месте ссылка имела другой цвет? например по всему документу красные, а именно в одном месте зеленая? Тогда нужно внутри html ссылки прописать уже знакомый элемент font с атрибутом цвета: Черная ссылка Если сделать так, то данная ссылка будет черной. ↑ Наверх ↑ См. также Следующий - Урок 7: Работаем с изображениями Предыдущий - Урок 5: Заканчиваем с текстом