Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 31 из 70 · 10 мин
map и area: кликабельные области на картинке. object: встраивание PDF и других документов.
У меня схема этажа. Хочу: нажал на кабинет — открылась его страница.
Кликабельные области на картинке. Старая, но рабочая штука.
<map>name.<map name="floor">…</map><area>alt.<area shape="rect" coords="0,0,100,80" href="#room-1" alt="Кабинет 101">shaperect — прямоугольник, circle — круг, poly — многоугольник, default — всё остальное.circle.<area shape="circle" coords="150,60,30" href="#hall" alt="Круглый зал">coordsrect — x1,y1,x2,y2; для circle — x,y,радиус.<area shape="rect" coords="10,10,90,70" href="#r1" alt="Кабинет 1">usemapimg: #имя карты.<img src="hall.png" alt="Схема зала" usemap="#hall">ismapismap у картинки внутри ссылки: координаты клика отправляются на сервер.<object>data — файл, type — тип. Внутри — запасной вариант, если файл не показать.<object data="menu.pdf" type="application/pdf">
<a href="menu.pdf">Скачать меню</a>
</object>Свяжи схему этажа с картой кабинетов: у img атрибут usemap="#floor", у map — name="floor", внутри две области area со ссылками и alt.
usemap="#floor" у картинки — пока нетname="floor" у карты — пока нетalt — пока нетВыберите один ответ.
Как связать картинку с элементом <map name="plan">?
Выберите один ответ.
Зачем писать содержимое внутри <object>?
Проверяем состояние обучения…