Методические указания к курсу "Язык HTML". Часть 2. Ссылки, изображения, формы, фреймы. Илларионов И.В - 12 стр.

UptoLike

ВУЗ: 

ВГУ | Воронеж

Составители: 

Рубрика: 

12
Совместное использование изображений и ссылок очень часто
используется в html документах. Простейший вариант – использование
гиперссылки, привязанной к изображению . Рассмотрим пример кода
<a href=””>
<img src=”buttons/ .jpg” width=”65” height=”50” border=”0”
alt=”Переход на ”>
</a>
В этой конструкции использованы тэги <a> и <img>. Якорь
здесь работает как обычный, ранее рассмотренный тестовый якорь –
изображение становится активной гиперссылкой на определенный
адрес в Интернете, заданный в атрибуте href. Особенность
использования атрибута src – src=”buttons/ .jpg” в том , что требуемое
изображение .jpg находится в папке buttons корневого каталога сайта.
Общепринято, что при проектировании файловой структуры все
графические элементы помещаются в едином месте, обычно это папки
с названиями img –для картинок или buttons – для кнопок.
Другой , более сложный и эффектный пример совместного
использования ссылок и изображений – создание карт ссылок, когда в
качестве якорей используются не изображения в целом , а их
отдельные области (горячие области или горячие пятна).
Все элементы карты ссылок расположены в парном тэге
<map>… </map>. Открывающий тэг обязан содержит атрибут name,
синтаксис которого
<map name=”picture”>
В кавычках можно указывать любую последовательность
символов . В дальнейшем она будет использоваться для ссылок на
карту. Горячие области определяются на изображении тэгами <area>.
В каждом из них должны быть определены следующие атрибуты
• Href - адрес гиперссылки для данной области изображения
• Shape – тип геометрической фигуры выделенной области,
допустимые значения
§ Rect - прямоугольник
§ Poly - многоугольник
§ Circle - круг
• Cords – координаты выделенной области, задаются в
зависимости от выбранной геометрической формы области. 
        Совместное использование изображений и ссылок очень часто
используется в html документах. Простейший вариант – использование
гиперссылки, привязанной к изображению. Рассмотрим пример кода

        
        ”Переход
        

        В этой конструкции использованы тэги  и . Якорь
здесь работает как обычный, ранее рассмотренный тестовый якорь –
изображение становится активной гиперссылкой на определенный
адрес в Интернете, заданный в атрибуте href. Особенность
использования атрибута src – src=”buttons/ .jpg” в том, что требуемое
изображение .jpg находится в папке buttons корневого каталога сайта.
Общепринято, что при проектировании файловой структуры все
графические элементы помещаются в едином месте, обычно это папки
с названиями img –для картинок или buttons – для кнопок.
        Другой, более сложный и эффектный пример совместного
использования ссылок и изображений – создание карт ссылок, когда в
качестве якорей используются не изображения в целом, а их
отдельные области (горячие области или горячие пятна).
        Все элементы карты ссылок расположены в парном тэге
…. Открывающий тэг обязан содержит атрибут name,
синтаксис которого

                       

        В кавычках можно указывать любую последовательность
символов. В дальнейшем она будет использоваться для ссылок на
карту. Горячие области определяются на изображении тэгами .
В каждом из них должны быть определены следующие атрибуты
•     Href - адрес гиперссылки для данной области изображения
•     Shape – тип геометрической фигуры выделенной области,
    допустимые значения
                            ß Rect - прямоугольник
                            ß Poly - многоугольник
                            ß Circle - круг
•     Cords – координаты выделенной области, задаются в
    зависимости от выбранной геометрической формы области.

                                 12

Страницы