Гиперссылки на WEB - страницах

Содержание

Слайд 2

Гиперссылки на WEB - страницах

Гиперссылки
на WEB - страницах

Слайд 3

Фундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы гиперссылками.

Фундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы

гиперссылками.
Слайд 4

Гиперссылками принято называть интерактивный элемент (объект) web-страницы, при нажатии на который

Гиперссылками принято называть интерактивный элемент (объект) web-страницы, при нажатии на который

происходит мгновенный переход либо на новую (другую) web-страницу, либо на закладку внутри данной страницы, либо на приложение - почтовый клиент по - умолчанию, зарегистрированный в системе пользователя, либо на какой-то файл (причем, файл может быть расположен как на локальном компьютере, так и на удаленном сервере, например в Интернете или в локальной вычислительной сети).
Слайд 5

С помощью гиперссылок можно перейти: на другой HTML-документ; на любой другой

С помощью гиперссылок можно перейти:
на другой HTML-документ;
на любой другой документ;
на определенное

место внутри текущего или какого-либо другого документа;
Документы превращаются в точки пересечения нитей информационной паутины и становиться понятным название «Всемирная паутина»
Слайд 6

Гиперссылка состоит из видимой части (объект, на котором можно сделать клик

Гиперссылка состоит из видимой части (объект, на котором можно сделать клик

мышью) и адреса, куда эта ссылка уводит после клика (иногда его называют «якорем»). 
Гиперссылки создаются с помощью контейнера
...
Тэг ...
Без атрибутов этот контейнер никак на отображение текста внутри него не влияет, смысла как такового не имеет и не используется.
Слайд 7

Основными атрибутами тега ... являются: href =“URL” – адрес перехода. Как

Основными атрибутами тега  ...  являются:

href =“URL” – адрес перехода.
Как задавать

адрес?
Перейти на вторую станицу
1) переход к документу, расположенному в той же папке, что и документ-источник.
Слайд 8

переход к документу, расположенному в той же папке, что и документ-источник.

переход к документу, расположенному в той же папке, что и документ-источник.


Слайд 9

Например:

Например:

Слайд 10

получим:

получим:

Слайд 11

Программы &nbsp Словарь &nbsp Комплектующие &nbsp Анкета Если указателей гиперссылок несколько,

Программы  
Словарь  
Комплектующие  


Анкета


Если указателей гиперссылок несколько, то необходимо их разделить пробелами ( ) или поставить после каждой переход на новую строку (br)

Слайд 12

Ссылки модно делать практически на все. Вот пример ссылки на 2)

Ссылки модно делать практически на все. Вот пример ссылки на 2)

картинку:

А если картинка помещена в другую папку, то следует указать имя этой папки:

3) ссылка на картинку

Получим:

Слайд 13

4) Пишите Щелчок на такой гиперссылке вызывает загрузку почтовой программы с

4) <А href="mailto:ga3512@rambler.ru">
Пишите

Щелчок на такой гиперссылке вызывает загрузку почтовой программы

с уже заполненным полем адреса электронной почты. Гиперссылкой является слово «Пишите»
Слайд 14

5) Сайт о Елабуге

5) <А href="http://www.elabuga.ru" target="_blank"> Сайт о Елабуге

Слайд 15

Переход к документу, который находится в Интернете по указанному адресу. Web-страница

Переход к документу, который находится в Интернете по указанному адресу. Web-страница

откроется в отдельном окне. Если не использовать атрибут target="_blank", то откроется в том же окне. Гиперссылкой является фраза «Сайт о Елабуге»
Слайд 16

6) нажми сюда Щелчок на такой гиперссылке вызывает загрузку плейера и

6) нажми сюда
Щелчок на такой гиперссылке вызывает

загрузку плейера и запуск звукового файла. Гиперссылкой является слово «нажми сюда»

Откроется окно:

Слайд 17

А в блокноте программа на HTML – коде выглядит так: И

А в блокноте программа на HTML – коде выглядит так:

И при

нажатии на гиперссылку мы услышим: :
Слайд 18

7) Вы можете скачать себе текстовый вариант этой страницы

7)

Вы можете
скачать себе текстовый вариант этой

страницы


Слайд 19

С помощью атрибутов в тэге body можно изменить: alink - цвет

С помощью атрибутов в тэге body
можно изменить:
alink - цвет текста

активной ссылки alink="#FF0000"
vlink - цвет текста просмотренной ссылки vlink="#FF00FF"
Слайд 20

Итоги урока: - познакомились с понятием гиперссылка на WEB – страницах;

Итоги урока:
- познакомились с понятием гиперссылка на WEB – страницах;
узнали,

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