Презентация на тему "Гиперссылки"

Содержание

• 
  Слайд 1
  

  Гиперссылки

  на WEB - страницах

• 
  Слайд 2
  

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

• 
  Слайд 3
  

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

• 
  Слайд 4
  

  С помощью гиперссылок можно перейти:

  на другой HTML-документ;

  на любой другой документ;

  на определенное место внутри текущего или какого-либо другого документа;

  Документы превращаются в точки пересечения нитей информационной паутины и становиться понятным название «Всемирная паутина»

• 
  Слайд 5
  

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

  Гиперссылки создаются с помощью контейнера

  ...

  Тэг ...

  Без атрибутов этот контейнер никак на отображение текста внутри него не влияет, смысла как такового не имеет и не используется.

• 
  Слайд 6

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

  href=“URL"– адрес перехода.

  Как задавать адрес?

  Перейти на вторую станицу

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

• 
  Слайд 7
  

  . . .

  Перейти на вторую станицу

  …

  . . .

  2.html

  1.html

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

• 
  Слайд 8

  Например:

• 
  Слайд 9

  получим:

• 
  Слайд 10
  

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

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

• 
  Слайд 11
  

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

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

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

  Получим:

• 
  Слайд 12
  

  4) <А href="mailto:ga3512@rambler.ru">

  Пишите

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

• 
  Слайд 13
  

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

• 
  Слайд 14
  

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

• 
  Слайд 15
  

  6) нажми сюда

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

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

• 
  Слайд 16
  

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

  И при нажатии на гиперссылку мы услышим: :

• 
  Слайд 17
  

  7)

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

• 
  Слайд 18
  

  Спомощью атрибутов в тэгеbody

  можно изменить:

  alink -цвет текста активной ссылкиalink="#FF0000"

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

• 
  Слайд 19
  

  Итоги урока:

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

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

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

• 
  Слайд 20

  Спасибо за внимание!