Презентация на тему Гиперссылки и графические обьекты в HTML-документе

объекта с другими гипертекстовыми документами.

Ссылкой на эти другие документы

(части нашей странички) может быть текст (фраза, слово), а может быть и картинка.

и подчеркиванием;

мышиный курсор на ссылке меняет свою форму

и превращается в указующий перст;

для перехода по ссылке необходимо щелкнуть по ней мышкой;

для возврата из ссылки необходимо использовать навигационную кнопку браузера Назад (Back).

используют команду с атрибутом , которая является

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

текст ссылки
- гиперссылка

в него фразу (текст). В кавычках мы указываем путь

и имя файла, на который будем ссылаться, например:

мои фотографии - файл лежит в поддиректории /photos

мои фотографии

браузер ищет файл в том же каталоге, в котором

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

и обратно...

так же, как текстовый символ. Для вставки этого необычного

знака нужно воспользоваться тегом
-вставка графического объекта
Допускается использование файлов в формате GIF и JPG/JPEG.

можно задать имя файла с картинкой.

Команда

заставит браузер отобразить на экране графический файл картинка.gif из текущего каталога.

что и HTML-документ, тогда в кавычках указывается только имя

картинки, например:


Тег не требует закрывающего тега.

находит картинки в указанном месте на диске, он вместо

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


Cтоит пользователю установить курсор на картинке, как надпись появится в маленьком окошке и сообщит дополнительную информацию.

атрибуты задают ширину и высоту (в пикселях) прямоугольника, в

который выводится картинка.
Если атрибуты не заданы, картинка рисуется в естественных размерах.
Атрибут border = n
Атрибут задает рамку иллюстрации толщиной в n пикселов.
При отсутствии атрибута, или при значении n=0 рамка не рисуется.

отношению к соседним элементам документа. Можно использовать следующие значения

атрибута:

располагаться слева от текста
- картинка

будет располагаться справа от текста
- текст будет располагаться внизу картинки (это по умолчанию)
- текст будет располагаться посередине картинки
- текст будет располагаться вверху картинки

текстом и изображением задаётся с помощью параметров vspace и

hspace;


Vspace – расстояние от изображения до текста по вертикали.
Hspace – расстояние от изображения до текста по горизонтали.
Расстояние задаётся в пикселях.

Принцип ссылки тот же, что и в случае с

текстом, только между тегами вставляется не текст, а картинка: