СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

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

Скидки до 50 % на комплекты
только до 08.07.2025

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Гиперссылки на веб страницах

Категория: Информатика

Нажмите, чтобы узнать подробности

Презентация к учебнику для 8 класса Угринович Н.Д. -М.:2011-178с.

 по теме "Гиперссылки на web-страницах".

Просмотр содержимого документа
«Гиперссылки на веб страницах»

Гиперссылки на Web-страницах    Выполнил: учитель МОУ СОШ    Раменская школа №19 Двужильный Никита Юрьевич

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

Выполнил: учитель МОУ СОШ Раменская школа №19

Двужильный Никита Юрьевич

Понятие гиперссылки Гиперссылки , позволяют переходить с одной веб-страницы на другую.

Понятие гиперссылки

Гиперссылки , позволяют переходить с одной веб-страницы на другую.

Понятие гиперссылки Особенность их состоит в том, что сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте.

Понятие гиперссылки

Особенность их состоит в том, что сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте.

Создание гиперссылки Гиперссылка состоит из двух частей: адреса и указателя ссылки .   href= текст ссылки Адрес Указатель ссылки " width="640"

Создание гиперссылки

Гиперссылка состоит из двух частей: адреса и указателя ссылки .

 href="URL" текст ссылки

Адрес

Указатель ссылки

Создание гиперссылки Атрибут  href  определяет URL (Universal Resource Locator , универсальный указатель ресурса), иными словами, адрес документа, на который следует перейти, а содержимое контейнера    является ссылкой   href= текст ссылки " width="640"

Создание гиперссылки

  • Атрибут  href  определяет URL (Universal Resource Locator , универсальный указатель ресурса), иными словами, адрес документа, на который следует перейти, а содержимое контейнера   является ссылкой

 href="URL" текст ссылки

Пример гиперссылки В данном примере создаются три ссылки с разными текстами. При щелчке по тексту «Обзор книг» в окне браузера откроется документ books.html, а при щелчке на «Обзор фильмов» — файл films.html.

Пример гиперссылки

В данном примере создаются три ссылки с разными текстами. При щелчке по тексту «Обзор книг» в окне браузера откроется документ books.html, а при щелчке на «Обзор фильмов» — файл films.html.

Результат примера Обратите внимание, что при наведении курсора мыши на ссылку, в строке состояния браузера отображается полный путь к ссылаемому файлу .

Результат примера

Обратите внимание, что при наведении курсора мыши на ссылку, в строке состояния браузера отображается полный путь к ссылаемому файлу .

Абсолютные и относительные ссылки Адрес ссылки может быть как абсолютным , так и относительным . Абсолютные адреса должны начинаться с указания протокола (обычно http://) и содержать имя сайта. Относительные ссылки ведут отсчет от корня сайта или текущего документа.

Абсолютные и относительные ссылки

  • Адрес ссылки может быть как абсолютным , так и относительным .
  • Абсолютные адреса должны начинаться с указания протокола (обычно http://) и содержать имя сайта.
  • Относительные ссылки ведут отсчет от корня сайта или текущего документа.
Абсолютные ссылки В данном примере ссылка вида:   Поиск   является абсолютной и ведет на главную страницу сайта google.com.

Абсолютные ссылки

В данном примере ссылка вида:

  Поиск  

является абсолютной и ведет на главную страницу сайта google.com.

Абсолютные ссылки Абсолютные ссылки обычно применяются для указания документа на другом сетевом ресурсе, впрочем, допустимо делать абсолютные ссылки и внутри текущего сайта. Однако подобное практикуется нечасто, поскольку такие ссылки достаточно длинные и громоздкие. Поэтому внутри сайта преимущественно используются относительные ссылки.

Абсолютные ссылки

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

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

Поэтому внутри сайта преимущественно используются относительные ссылки.

Относительные ссылки При создании относительных ссылок надо понимать, какое значение для атрибута href следует указывать, например : Файлы располагаются в одной папке В таком случае код будет следующий Ссылка

Относительные ссылки

При создании относительных ссылок надо понимать, какое значение для атрибута href следует указывать, например :

  • Файлы располагаются в одной папке

В таком случае код будет следующий

Ссылка

Относительные ссылки 2. Файлы размещаются в разных папках  Когда исходный документ хранится в одной папке, а ссылаемый в корне сайта, то перед именем файла в адресе ссылки следует поставить две точки и слэш (/), как показано ниже.   href= Ссылка " width="640"

Относительные ссылки

2. Файлы размещаются в разных папках

Когда исходный документ хранится в одной папке, а ссылаемый в корне сайта, то перед именем файла в адресе ссылки следует поставить две точки и слэш (/), как показано ниже.

 href="../Ссылаемый документ.html" Ссылка

Относительные ссылки 3. Файлы размещаются в разных папках    Теперь ситуация меняется, исходный файл располагается в корне сайта, а файл, на который необходимо сделать ссылку - в папке. В этом случае путь к файлу будет следующий   href= Ссылка " width="640"

Относительные ссылки

3. Файлы размещаются в разных папках

Теперь ситуация меняется, исходный файл располагается в корне сайта, а файл, на который необходимо сделать ссылку - в папке. В этом случае путь к файлу будет следующий

 href="Папка/Ссылаемыйдокумент.html" Ссылка

Примеры других ссылок Гиперссылки могут содержать адреса не только Web- страниц, но и адреса файлов Например :   href= рисунок - картинки, рисунки;  href=«sound . wav" звуки - звуки, музыку;  href=«архив . zip" скачать файл - файлы; " width="640"

Примеры других ссылок

Гиперссылки могут содержать адреса не только Web- страниц, но и адреса файлов Например :

  •  href="picture . jpg" рисунок - картинки, рисунки;
  •  href=«sound . wav" звуки - звуки, музыку;
  •  href=«архив . zip" скачать файл - файлы;

Почтовая ссылка Гиперссылка на адрес электронной почты . Полезно на начальной странице сайта создать ссылку на адрес электронной почты, по которому посетители могут связать­ся с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить адрес электронной почты и вставить ее в контейнер , который задает стиль абзаца, принятый для указания адреса:

Почтовая ссылка

Гиперссылка на адрес электронной почты .

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

Для этого необходимо атрибуту ссылки HREF присвоить адрес электронной почты и вставить ее в контейнер , который задает стиль абзаца, принятый для указания адреса:

Почтовая ссылка Пример:  mailto:username@server.ru E-mail: username@server.ru Теперь по щелчку мышью по ссылке адреса электро­нной почты будет открываться почтовая программа Outlook Express (или другая используемая по умолчанию почтовая программа), где в строке «Кому» будет указан заданный в ссылке адрес. " width="640"

Почтовая ссылка

Пример:

mailto:username@server.ru "

E-mail: username@server.ru

Теперь по щелчку мышью по ссылке адреса электро­нной почты будет открываться почтовая программа Outlook Express (или другая используемая по умолчанию почтовая программа), где в строке «Кому» будет указан заданный в ссылке адрес.

Контрольные вопросы Что такое гиперссылка,в чём их особенность? Из каких атрибутов состоит гиперссылка? Что такое абсолютная и относительная ссылка? Виды относительной гиперссылки? Что могут содержать адреса гиперссылок?

Контрольные вопросы

  • Что такое гиперссылка,в чём их особенность?
  • Из каких атрибутов состоит гиперссылка?
  • Что такое абсолютная и относительная ссылка?
  • Виды относительной гиперссылки?
  • Что могут содержать адреса гиперссылок?
Использованные ресурсы Материал был взят частично с сайта: http://htmlbook.ru/

Использованные ресурсы

Материал был взят частично с сайта:

http://htmlbook.ru/


Скачать

© 2018 1854 29

Рекомендуем курсы ПК и ППК для учителей

Вебинар для учителей

Свидетельство об участии БЕСПЛАТНО!