Html Quickref
Html Entities
HTML Standard - Named Character Reference
Character(s) | Literal(s) | Alphanumeric value(s) | Unicode value(s) |
---|---|---|---|
Cent (currency) | ¢ | ¢ | ¢ |
Pound (currency) | £ | £ | £ |
Section 1 | § | § | § |
Copyright | © | © | © |
Guillemets 2 | « » | « » | « » |
Registered trademark | ® | ® | ® |
Degree(s) | ° | ° | ° |
Plus/minus | ± | ± | ± |
Pilcrow (paragraph) 3 | ¶ | ¶ | ¶ |
Middle dot 4 | · | · | · |
Fractional half 5 | ½ | ½ | ¼ |
En dash 6, 7 | – | – | – |
Em (long) dash 7, 8 | — | — | — |
Single quotes 9, 10 | ‘ ’ | ‘ ’ | ‘ ’ |
Single low quote 11 | ‚ | ‚ | ‚ |
Double quotes 9 | “ ” | “ ” | “ ” |
Double low quote 11 | „ | „ | „ |
Single & double daggers | † ‡ | † ‡ | † ‡ |
Bullet | • | • | • |
Ellipsis 12 | … | … | … |
Prime & double prime 13 | ′ ″ | ′ ″ | ′ ″ |
Euro sign | € | € | € |
Trademark | ™ | ™ | ™ |
Almost equal to | ≈ | ≈ | ≈ |
Not equal to | ≠ | ≠ | ≠ |
Less/greater than or equal to | ≤ ≥ | ≤ ≥ | ≤ ≥ |
Less/greater than | < > | < > | > < |
Emojis
Full Emoji List from unicode.org
📙 Emojipedia — 😃 Home of Emoji Meanings 💁👌🎍😍
Image Maps
Image maps allow you to create interactive and clickable areas within an image to generate super features such as interactive diagrams, clickable infographics, or dynamic navigation menus.
You can think of the map
element as a special container that holds all your hotspots. Each hotspot is defined using the area
element, which determines the shape and coordinates of the clickable area.
Free Online Image Map Generator
Image Map Generator
Example
<h2>Choose the door game</h2>
<p>Open the door to see what's waiting for you behind it.</p>
<img src="https://edube.org/uploads/media/default/0001/03/choose-the-door.jpg"
alt="A picture with two doors" usemap="#two-doors">
<map name="two-doors">
<area shape="rect" title="A door with a white knob" coords="80,80,275,450" href="https://example.com/option1" alt="Open the door to Option 1">
<area shape="rect" title="A door with a black knob" coords="540,75,745,460" href="https://example.com/option2" alt="Open the door to Option 2">
</map>