Слайд 3
1. Текстовые ссылки Структура текстовой ссылки: < А Н R Е F =" адрес_ссылки "> текст ссылки </А> Пример : <А Н REF =“ Primer. html "> Щелкните здесь </А>
Слайд 4
2. Графические ссылки Структура графической ссылки: <А h ref ="адрес_ссылки" > <IMG srс =“ URL "> </A> Пример: <А hr е f =“ Primer. html ">< IMG src =" logotip. gif "></ A >
Слайд 5
Абсолютные и относительные ссылки Абсолютные ссылки содержат всю информацию, необходимую браузеру для нахождения файла. Компоненты: 1) протокол (например, http); 2) домен (доменное имя или IP-адрес компьютера); 3) папка (имя папки, указывающей путь к файлу); 4) файл (имя файла).
Слайд 7
Относительные ссылки описывают путь к указанному документу относительно текущего. Компоненты: 1) папка (имя папки, указывающей путь к файлу); 2) файл (имя файла).
Слайд 8
Путь для относительных ссылок имеет три специальных обозначения: / указывает на корневую директорию; ./ указывает на текущую папку; ../ подняться на одну папку (директорию) выше.
Слайд 9
Виды гиперссылок 1. внешние гиперссылки – перемещают пользователя в другой HTML-документ; 2. внутренние гиперссылки – создают переходы на различные разделы текущей веб-страницы, позволяя быстро перемещаться между разделами.
Слайд 10
Пример <h1> Времена года</ h1> <h2> Оглавление</ h2> <a href="#p1"> Лето</ a> <!-- создание якоря--> < a href="#p2"> Осень</ a> <a href="#p3"> Зима</ a> <a href="#p4"> Весна</ a> <p id="p1">...</p> < p id="p2">...</p> <p id="p3">...</p> <p id="p4">...</p>
Слайд 11
Атрибуты href (обязательный) – указывает URL-адрес веб-страницы, на которую будет сделан переход; hreflang – определяет язык текста в документе, на который ведет ссылка; media – указывает тип носителя документа, на который ведёт ссылка; rel – указывает отношение между текущим документом и документом, на который ведет ссылка ;
Слайд 12
Атрибуты target – определяет, в каком окне откроется документ (по умолчанию ссылки открываются в текущем окне) Возможные значения атрибута: _ blank - открывает документ в новом окне или вкладке; _ parent - открывает документ в родительском фрейме; _ self - открывает документ в той же директории, где располагается ссылка (значение по умолчанию); _ top - открывает документ во всю ширину окна.