Графика и цвет
Тег <IMG> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег в контейнер <A>.
Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.
var otp_wjs_dt = (new Date).getTime(); (function (w, d, n, s, rp) { w[n] = w[n] || []; rp = {}; w[n].push(function () { otp_render_widget(d.getElementById(«otp_wgt_7q2mppa6xwqzm»), ‘onlinetestpad.com’, ‘7q2mppa6xwqzm’, rp); }); s = d.createElement(«script»); s.type = «text/javascript»; s.src = «//onlinetestpad.com/js/widget.js?» + otp_wjs_dt; s.async = true; d.getElementsByTagName(«head»)[0].appendChild(s); })(this, this.document, «otp_widget_callbacks»);
Смотрим на образец. Карта Эстонии — общая работа.
Индивидуальную карту ссылок определяет лотерея от преподавателя. Для каждого из городов создайте страницу с небольшим содержанием (картинка и абзац с описанием города). Щелкая на карте ссылок по городам (3-5 ссылок), будут открыватся странички с их описанием.
var otp_wjs_dt = (new Date).getTime(); (function (w, d, n, s, rp) { w[n] = w[n] || []; rp = {}; w[n].push(function () { otp_render_widget(d.getElementById(«otp_wgt_d6ucjeyuct7a6»), ‘onlinetestpad.com’, ‘d6ucjeyuct7a6’, rp); }); s = d.createElement(«script»); s.type = «text/javascript»; s.src = «//onlinetestpad.com/js/widget.js?» + otp_wjs_dt; s.async = true; d.getElementsByTagName(«head»)[0].appendChild(s); })(this, this.document, «otp_widget_callbacks»);