Створення карти зображення в html, створення, налагодження та просування сайтів

Почнемо з вивчення ще двох HTML-тегів, це теги і . Саме ці теги призначені для створення карти зображення в HTML-документі.

HTML-тег map.

тег створює якийсь контейнер, в якому будуть вказані активні області. При додаванні тега в HTML-документ ми не побачимо будь-яких змін на сторінці, так як цей тег Не додає будь-яку інформацію. Він просто створює контейнер, який буде позначати початок карти зображення і її завершення.

Даний тег має обов'язковий атрибут name. В якому ми повинні вказати ім'я нашої карти зображення. Крім того варто зазначити що цей тег не є блоковим елементом, а значить необхідно його прописувати всередині блокового елемента, наприклад тега абзацу або універсального тега div.

HTML-тег area.

тег відповідає за вказівку активних областей всередині контейнера . Саме цей HTML-тег визначає активну область всередині зображення, вказує яку фігуру ми, при цьому використовуємо, вказує опис, за допомогою обов'язкового атрибута alt. і найголовніше, за допомогою атрибута coords для тега ми можемо вказати координати активних областей карти зображення.

Визначення координат квадрата, прямокутника, кола і багатокутника.

Спочатку ми детально розглянемо в теорії як визначити координати для квадрата, потім для окружності і нарешті, для багатокутника.

Після чого на живому прикладі ми визначимо координати квадрата і прямокутника. Потім визначимо координати кола. І нарешті, вкажемо координати трикутника, який свою чергу грає роль багатокутника.

HTML-довідник і інші матеріали можна і потрібно завантажити тут!

Михайло. Давайте не будемо переливати з пустого в порожнє. У статті про це немає ні слова. Я цю проблему вирішив для себе - а вам раджу спробувати виконати те що ви розповіли у себе на сайті -реалізовать практично, можливо потім ми зрозуміємо один одного. Відповісте ви на цю посаду чи ні, в принципі не важливо (можете його зовсім видалити), у мене немає часу на порожню переписку. Прощайте

@ Григорій:
Власне в статті це і описано

Михайло Веб пише:

@ Григорій:
А в чому власне проблема?
І навіщо шорткод?

Подивитися було б цікаво - але все це я вже знаю. А ось вивести на сторінці в вордпресу карту з активними областями ніяк не виходить. У Джумла вивів через модуль. У вордпересе - через шорткод - не працює. Доповніть матеріал - розділом розміщення на сайті - людям буде дуже корисно і цікаво.