Покоряем html ссылки

Содержание

Слайд 2

ПЕРЕХОДЫ С ОДНОЙ СТРАНИЦЫ НА ДРУГУЮ.

Ссылки это базовый элемент без которого невозможно

ПЕРЕХОДЫ С ОДНОЙ СТРАНИЦЫ НА ДРУГУЮ. Ссылки это базовый элемент без которого
представить интернет.
Создать html ссылку очень просто. Для этого используется простенький элемент с одним атрибутом. Ну вот например:

Это ссылка на сайт zvirec.com

Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим и закрывающим тегом , будет текстом ссылки.
Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", специфирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.

Слайд 3

ССЫЛКИ МЕЖДУ СОБСТВЕННЫМИ СТРАНИЦАМИ

Сделать html ссылку между страницами одного и того же

ССЫЛКИ МЕЖДУ СОБСТВЕННЫМИ СТРАНИЦАМИ Сделать html ссылку между страницами одного и того
веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm ) расположенные в одной папке , то код ссылки с page1 на page2 будет выглядеть так:
Для перехода на page2 щелкни здесь!
Т.е. надо просто написать название страницы, на которую мы хотим перейти.

Слайд 4

ССЫЛКИ МЕЖДУ СОБСТВЕННЫМИ СТРАНИЦАМИ

Eсли страница page 2 находится в подпапке "subfolder", код

ССЫЛКИ МЕЖДУ СОБСТВЕННЫМИ СТРАНИЦАМИ Eсли страница page 2 находится в подпапке "subfolder",
ссылки выглядит так:
Для перехода на page2 щелкни здесь!
Так будет выглядеть код html ссылки со страницы page 2 на page1(в обратную сторону):
Для перехода на page1 щелкни здесь!
Т.е. сочетание "../" указывает как бы на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка.

Слайд 5

ССЫЛКИ ВНУТРИ СТРАНИЦЫ

Бывают случаи когда необходимо сделать ссылку с начала страницы в

ССЫЛКИ ВНУТРИ СТРАНИЦЫ Бывают случаи когда необходимо сделать ссылку с начала страницы
конец или наоборот, или к примеру с оглавления на главы и.т.д. Сделать ее очень просто! Необходимо пометить место документа следующей конструкцией:


Раздел 1



Раздел1:


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

Ссылка на Раздел 1

Слайд 6

ПРИМЕР Оглавление Раздел 1: как стать богатым Раздел 2: как стать счастливым
2: как стать счастливым
Раздел 3: как быть здоровым

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


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


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


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


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


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


Слайд 7

ССЫЛКУ НА ПОЧТУ

Конечно можно. Вот пример ссылки на е-mail сайта zvirec.com

ССЫЛКУ НА ПОЧТУ Конечно можно. Вот пример ссылки на е-mail сайта zvirec.com
.
Написать письмо админу zvirec.com

Как вы видите, используется mailto потом двоеточие и емаил получателя. При нажатии на ссылку запустится почтовая программа-клиент с заполненным полем имени получателя.

Слайд 8

ДОПОЛНИТЕЛЬНЫЕ АТРИБУТЫ

TARGET - указывает где открывать страницу на которую ведет html ссылка.

ДОПОЛНИТЕЛЬНЫЕ АТРИБУТЫ TARGET - указывает где открывать страницу на которую ведет html
По умолчанию она открывается в том же окне. Если хочется чтобы открывалась в новом, следует написать target ="_blank".
TITLE - указывает заголовок ссылки, который появляется при наведении на нее.
Смотрите пример:


Это ссылка на сайт zvirec.com, откроется в новом окне


Эта - тоже на zvirec.com. При наведении появится заголовок.

Слайд 9

ЦВЕТ ССЫЛОК

Чтобы изменять цвет ссылок во всем документе, существуют специальные атрибуты элемента

ЦВЕТ ССЫЛОК Чтобы изменять цвет ссылок во всем документе, существуют специальные атрибуты
BODY .
LINK - цвет просто ссылок.
ALINK(Active Link) - цвет активных ссылок (активная означает в момент нажатия на нее)
VLINK(Visited Link) - цвет уже посещенных ссылок
Все цвета задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
К примеру если при открытии тела документа, элементу body прописать:


то все ссылки в данном документе станут красными, уже посещенные ссылки станут зелеными а ссылки в момент нажатия будут белыми.

Имя файла: Покоряем-html-ссылки.pptx
Количество просмотров: 42
Количество скачиваний: 0