Карти-зображення (карти-посилання, навігаційні карти)
у тегу <img> визначають атрибут src, щоб задати зображення, і атрибут usemap, значенням якого є ім'я карти (має починатися символом #). власне карту створюють за допомогою тегу <mар> з атрибутом name, який містить ім'я карти (визначене в атрибуті usemap, але без символу #) та тегу </mар>. Між ними записують теги <area>, які задають параметри гарячих областей. При цьому використовують такі атрибути:
• href — визначає гіперпосилання, пов'язане з областю;
• alt – опис області зображення, вказаної координатами;
• title – підказка, яка спливає при наведенні на вказану область курсором;
• shape — визначає форму області (його значеннями можуть бути: • rect — прямокутник; • polygone або poly — багатокутник; • c i r c l e — коло; • coords — містить координати області у вигляді взятого в лапки списку чисел, розділених комою)
<img src="bluerects.gif" usemap="#karta1">
……………………..
<map name="karta1">
<area href="drugoy_document.html" shape="rect" coords="25,36,114,98">
<area href="drugoy_document2.html" shape="circle" coords="46,48,35" alt=" маленьке коло " title=”маленьке коло”>
<area href="drugoy_document3.html" shape="poly" coords="168,9,232,29,200,97, 223, 129, 153, 119">
</map>
Фрейми
Фрейми – блоки або вікна веб-сторінки
Структура головного документу (main.html, index.html), що містить фрейми
<html>
<head>
<title>…..</title>
</head>
<frameset>……..</frameset>
</html>
<frameset></frameset> - задає розділ веб-сторінки на вікна, має атрибути rows=”…” cols=”…”, які задають поділ документа на ряди та колонки (в пік селях або відсотках)
Те, що міститься у кожному фреймі, та яким чином воно буде відображатися у вікні, задає тег <frame> </frame> , він має наступні атрибути:
src="….." - шлях до того файлу, який буде відображатись у фреймі
scrolling="…." - відображення полоси прокручування (no – заборона її відображення, auto – можна не прописувати)
noresize – заборона зміни розміру фрейму користувачем
border="…" – задає ширину меж фреймів
bordercolor= “…” – задає колір меж фремів
marginwidth="…" marginheight="…." – встановлення ширини полів фреймів
name=”…” – задає ім’я фрейму (якщо воно задано, то при посиланні на документ, який повинен відкритися у даному вікні, використовується у тегу посилання атрибут <a …. target=”…”> значення цього атрибуту – ім’я, яке попередньо вказали для даного фрейму)
Вбудовані фрейми задаються тегом <iframe> </iframe>
<iframe src="…." width="…." height="…" scrolling="…" frameborder="…."></iframe>