Jazzo.co.uk uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our Privacy Policy and our Terms & Condition.

Contact Services About Home

Home About Services Contact

HTML

Start Tutorials

Introduction Tags & Elements Attributes Structure Building First Page Tags In Action Choosing Our IDE Adding Content To Pages Indentation Overview

Tags & Elements

<!DOCTYPE> <a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdi> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <h1>-<h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <meta> <meter> <nav> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <svg> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <u> <ul> <var> <video> <wbr>

CSS

MATERIAL-ICONS

Introduction Icons - Action Icons - Alert Icons - AV Icons - Communication Icons - Content Icons - Device Icons - Editor Icons - File Icons - Hardware Icons - Image Icons - Maps Icons - Navigation Icons - Notification Icons - Places Icons - Social Icons - Toggle

HTML <map>

22nd February 2020 | Christopher Pisani

The HTML element <map> is the parent of element <area> which defines a clickable area on an image.

<!--
Clicking on square takes you to google website
Clicking on circle takes you to yahoo website
-->

<img src="https://www.jazzo.co.uk/media/shapes.jpg" usemap="#shapes-map"> 

<map name="shapes-map">
    <area shape="rect" title="Square" coords="18,20,220,225" href="https://www.google.com" target="__blank" />
    <area shape="circle" title="Circle" coords="368,125,100" href="https://www.yahoo.com" target="__blank" />
</map>

Important Note :

The attribute name is required for this element.

Available Attributes

Attribute	Values	Functionality
name	text	The name of the map

Please Note: Although we try our utmost to deliver the correct information, some of the data properties might have changed after this information was published on our website. If you believe there is incorrect information on this section, please report error on our contact form.