HTML ссылки
презентация к уроку

Слайд 1

Слайд 2

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

Слайд 3

Внутренние ссылки С сылки , которые организовывают переходы внутри одной страницы, называются внутренними или якорными ссылками. Абсолютные ссылки Абсолютная ссылка — это адрес ресурса целиком. Обычно такие ссылки ставят на сторонние ресурсы и надеются, что адрес не изменится . Относительные ссылки То, куда ведут относительные ссылки, зависит от расположения текущей страницы . Пример < img src ="/images/picture.jpg" alt="Mountain">

Слайд 4

Пример Содержимое элемента Содержимое элемента Содержимое элемента адрес назначения указывает атрибут href В HTML ссылки определяются тегом :

Слайд 5

Атрибут target используется для того, чтобы указать браузеру, где необходимо открыть веб страницу. Следующий пример открывает документ в новом окне браузера: < a href ="http://yandex.ru" target ="_ blank ">Поиск значения атрибута: _ blank - Открытие связанного документа в новом окне или вкладке _ self - Открывает связанный документ в том же окне/вкладке, в котором он был нажат (по умолчанию) _ parent - Oручка связанного документа в родительском фрейме _ top - Открытие связанного документа в полном тексте окна framename - Открытие связанного документа в именованном фрейме Атрибут target

Слайд 6

Использование атрибута " mailto " в HTML документе позволяет создать ссылку для отправки письма: < a href = "mailto:smbd@some.com">Написать автору В значении атрибута можно сразу указать значения для заголовков (тема, копии, тело письма и т.п.). Пробелы и переносы строки нельзя вставить без кодирования: Написать автору Где : subject —тема письма. cc —копия письма. bcc —скрытая копия письма. body —тело письма. Атрибут mailto

Слайд 7

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

Слайд 8

тег < pre > (HTML Preformatted Text ), он определяет предварительно отформатированный текст. Текст, который был помещён внутрь тега, по умолчанию будет отображен со шрифтом фиксированной ширины и сохранит как пробелы, так и разрывы строк . теги < i > и < em > используются для того , чтобы выводить текст с курсивным начертанием . ( Тег < em > обозначает экспрессивно-эмоциональное выделение) HTML форматирование текста

Слайд 9

теги < b> и < strong > выводят текст с жирным начертанием. Теги < sub > и < sup > Тег < sub > определяет текст с нижним индексом . Тег < sup > определяет текст с верхним индексом

Слайд 10

Справочник по HTML http :// htmlbook.ru/html Учебник HTML https :// wm-school.ru/html/html_start.html Источники