'

Ссылки и их атрибуты

Понравилась презентация – покажи это...





Слайд 0

Ссылки и их атрибуты Ссылки на документы и почтовые ссылки


Слайд 1

URL URL – (Uniform Resource Locator) - единообразный локатор (определитель местонахождения) ресурса – «УРЛ» Уникальный «адрес» страницы в Интернет


Слайд 2

Структура URL Протокол Домен сайта Каталог на сайте Имя файла


Слайд 3

Протоколы передачи данных HTTP (Hypertext Transfer Protocol ) - Протокол передачи гипертекста FTP (File Transfer Protocol) — Протокол передачи файлов POP3 (Post Office Protocol 3) — Протокол получения электронных писем IMAP (Internet Message Access Protocol) — Протокол доступа к электронной почте Интернета SMTP (Simple Mail Transfer Protocol) — простой протокол передачи почты


Слайд 4

Ссылки <a href="send_resume.html">это - ссылка (Анкор)</a> - (откроет документ send_resume.html в том же окне) <a href="send_resume.html" target="_blank">это - ссылка (Анкор)</a> - (откроет документ send_resume.html в новом окне (вкладке) браузера)


Слайд 5

Создание ссылки в DW


Слайд 6

Заголовок ссылки <a href="send_resume.html" target="_blank" title="всплывающая подсказка">это - ссылка с подсказкой</a>


Слайд 7

Относительная и абсолютная ссылки <a href="send_resume.html">это - ссылка относительная</a> - файл send_resume.html «лежит» в том же каталоге, где и сам документ <a href="http://videotutor.ru/about/">это - ссылка абсолютная</a> она включает в себя полный URL документа, на который ссылается


Слайд 8

«Регистрация» сайта в DW Site - > New Site… Указать «корень» сайта


Слайд 9

Относительная ссылка на каталог уровнем выше текущего Код: <a href="../index.html">это - относительная ссылка</a> на файл index.html в "родительском" каталоге Сочетание "../" указывает на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка. Следуя этой логике, вы можете также указать на два уровня выше "../../" или более.


Слайд 10

тег BASE HTML тег BASE позволяет авторам явно указать базовый URL документа. Атрибуты тега BASE : href= задает абсолютный URL, служащий базовым URL для разрешения относительных URL Пример: <HTML> <HEAD> <BASE HREF=http://www.videotutor.ru/ /> </HEAD> <BODY> Щелкни <A HREF="index.html">здесь</A>, чтобы узнать больше </BODY> </HTML> переход по этой ссылке приведет на сайт: http://www.videotutor.ru/index.html


Слайд 11

Правила указания тэга BASE Если BASE указан, он должен присутствовать в разделе HEAD документа HTML, до элементов, ссылающихся на внешние ресурсы информация о пути, указанная в элементе BASE, влияет только на URL в документе, в котором присутствует этот элемент.


Слайд 12

Якорь ссылки - картинка Код: <a href="http://videotutor.ru/about/"><img src="gift_box.png" alt="Подарок" width="120" height="120" /></a>


Слайд 13

Ссылки внутри страницы Для разработки ссылки следует вначале сделать закладку (якорь) в соответствующем месте... <a name="top"></a> <p>Друг уронил утюг в унитаз. И разбил его. Причем так разбил, что по назначению унитаз и использовать никак нельзя, ни боком, ни передом. Мгновением назад только что вот все было хорошо и вот уже дыра прямо в унитазе, да такая, что можно забыть, что есть такой предмет в доме. Махнул рукой нечаянно, а потом мучайся... </p> <p><a href="#top">Наверх</a></p>


Слайд 14

Почтовая ссылка Код: Пишите мне <a href="mailto:sdoob@mail.ru">письма</a> (только не спам!!!) Это самый простой вариант почтовой ссылки


Слайд 15

Атрибуты почтовой ссылки mailto:sdubrov@gmail.com?subject=Хочу%20у%20Вас%20учиться


Слайд 16

Атрибуты почтовой ссылки (продолжение) mailto:sdubrov@gmail.com?subject=Хочу%20у%20Вас%20учиться&body= Отличный%20сайт,%20хочу%20научиться


Слайд 17

Защита от спам - ботов Blackman's E-mail encoder (Freeware) Программа заменяет e-mail адрес в тексте статьи на JavaScript-код При клике посетителя на странице - «собирается» mailto: - ссылка Продолжение следует…


×

HTML:





Ссылка: