Изображения и ссылки. Урок 4

Август 11, 2022

Главная
Информатика
Изображения и ссылки. Урок 4

Содержание

2. Добавление Изображений HTML-изображения добавляются на веб-страницы с помощью элемента . Он представляет изображение и его резервный
3. Яндекс Добавление Ссылки Ссылки представляют собой связь между двумя ресурсами, одним из которых является текущий документ.
4. Абсолютный и относительный путь Когда в ссылке указывается только имя файла, браузер предполагает, что файл находится
5. Существует два вида записи абсолютного пути — с указанием протокола (полный) и без него Абсолютный путь
6. Относительный путь содержит следующие компоненты: папка и файл. Путь для относительных ссылок имеет три специальных обозначения:
7. Существует два вида записи абсолютного пути — с указанием протокола (полный) и без него Якоря, или
9. Существует два вида записи абсолютного пути — с указанием протокола (полный) и без него По клику
10. Существует два вида записи абсолютного пути — с указанием протокола (полный) и без него По клику
11. Существует два вида записи абсолютного пути — с указанием протокола (полный) и без него По клику
13. Скачать презентацию

Слайд 2

Добавление Изображений
HTML-изображения добавляются на веб-страницы с помощью элемента .

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

или

Слайд 3

Яндекс
Добавление Ссылки
Ссылки представляют собой связь между двумя ресурсами,

одним из которых является текущий документ.
Гиперссылки создаются с помощью элемента . Внутрь помещается текст, который будет отображаться на веб-странице. Обязательным параметром элемента является атрибут href, который задает URl-адрес веб-страницы.

Слайд 4

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

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

Слайд 5

Существует два вида записи абсолютного пути — с указанием протокола (полный)

и без него

Абсолютный путь указывает точное местоположение файла в пределах всей структуры папок на компьютере (сервере). Абсолютный путь к файлу даёт доступ к файлу со сторонних ресурсов и содержит следующие компоненты: протокол, домен, папка и файл.

Абсолютный путь

www

http://site.ru/pages/tips/tips1.html

Примеры:

//site.ru/index.html

Слайд 6

Относительный путь содержит следующие компоненты: папка и файл. Путь для относительных ссылок

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

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

Относительный путь

www

/pages/tips/tips1.html

Примеры:

../image/picture.png

Слайд 7

Существует два вида записи абсолютного пути — с указанием протокола (полный)

и без него

Якоря, или внутренние ссылки, создают переходы на различные разделы текущей веб-страницы, позволяя быстро перемещаться между разделами. Это оказывается очень удобным в случае, когда на странице слишком много текста. Внутренние ссылки также создаются при помощи элемента с разницей в том, что атрибут href содержит имя указателя — так называемый якорь, а не URl-адрес. Перед именем указателя всегда ставится знак #

HTML якорь

Слайд 8

Слайд 9

Существует два вида записи абсолютного пути — с указанием протокола (полный)

и без него

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

Возможности ссылок

ссылка на телефонный номер:
+7 (495) 123-45-67

Слайд 10