Skip to main content

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< >&lt; &gt;&#062; &#060;

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>