# How to display characters and symbols with HTML entities

HTML entities are used to account for reserved characters or special symbols in the code output. These entities are clearly defined sequences that signal to the browser to display a specific character.

## What are HTML entities?

HTML entities offer the possibility to express **certain characters in an HTML document**, which:

- are not naturally available in the input method being used or are difficult to enter.
- are reserved for HTML and fulfill their own coding function.

In order to still be able to map these characters without damaging the code, these clearly definable character strings are used. A distinction is made between named entities (*entity names*) and numeric entities (*entity numbers*). While named HTML entities are easier to read and remember, numerical entities are particularly important when there is no named variant.

### Named HTML entities

Named HTML entities have the following format:

```html
&entity_name;
```

To display the ampersand symbol `&`, it needs to be coded as `&amp;` (short for *ampersand*). The example below demonstrates how this entity is used:

```html

<html>
<body>
<h1>Example of a named entity</h1>
<h2>The ampersand looks like this: &amp</h2>
<div class="hash d-none" hidden>hash_f9f28f6a993abf0b6f56b4eb56ffd1ffed52ef81</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

Note Named HTML entities are **case-sensitive** so make sure to check upper and lower case.

### Numeric HTML entities

Numeric HTML entities are written in the following format:

```html
&#entity_number;
```

In place of `entity_number`, enter the Unicode value of the character you want to use. To write an ampersand, for example, you would use the character string `&#38;`. Here’s what a numeric HTML entity looks like inside code:

```html

<html>
<body>
<h1>Example of a numeric entity</h1>
<h2>The ampersand looks like this: &#38;</h2>
<div class="hash d-none" hidden>hash_f9f28f6a993abf0b6f56b4eb56ffd1ffed52ef81</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

## List of common HTML entities

Whether you’re just starting to learn HTML or have been using the markup language for some time, having a list of the most important HTML entities is always helpful. In the following sections, you’ll find some of the most commonly used HTML entities listed by category.

### Punctuation

<table>
  <thead>
    <tr>
      <th>Character</th>
      <th>Description</th>
      <th>Named</th>
      <th>Numeric</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td>Non-breaking space</td>
      <td>`&nbsp;`</td>
      <td>`&#160;`</td>
    </tr>
    <tr>
      <td>.</td>
      <td>Period</td>
      <td>`&period;`</td>
      <td>`&#46;`</td>
    </tr>
    <tr>
      <td>,</td>
      <td>Comma</td>
      <td>`&comma;`</td>
      <td>`&#44;`</td>
    </tr>
    <tr>
      <td>!</td>
      <td>Exclamation mark</td>
      <td>`&excl;`</td>
      <td>`&#33;`</td>
    </tr>
    <tr>
      <td>?</td>
      <td>Question mark</td>
      <td>`&quest;`</td>
      <td>`&#63;`</td>
    </tr>
    <tr>
      <td>&amp;</td>
      <td>Ampersand</td>
      <td>`&amp;`</td>
      <td>`&#38;`</td>
    </tr>
    <tr>
      <td>“</td>
      <td>Quotation marks</td>
      <td>`&quot;`</td>
      <td>`&#34;`</td>
    </tr>
    <tr>
      <td>’</td>
      <td>Apostrophe</td>
      <td>`&apos;`</td>
      <td>`&#39;`</td>
    </tr>
    <tr>
      <td>\#</td>
      <td>Hash</td>
      <td>`&num;`</td>
      <td>`&#35;`</td>
    </tr>
    <tr>
      <td>(</td>
      <td>Left parenthesis</td>
      <td>`&lpar;`</td>
      <td>`&#40;`</td>
    </tr>
    <tr>
      <td>)</td>
      <td>Right parenthesis</td>
      <td>`&rpar;`</td>
      <td>`&#41;`</td>
    </tr>
    <tr>
      <td>%</td>
      <td>Percent sign</td>
      <td>`&percnt;`</td>
      <td>`&#37;`</td>
    </tr>
    <tr>
      <td>§</td>
      <td>Section sign</td>
      <td>`&sect;`</td>
      <td>`&#167;`</td>
    </tr>
  </tbody>
</table>

### Special characters

<table>
  <thead>
    <tr>
      <th>Character</th>
      <th>Description</th>
      <th>Named</th>
      <th>Numeric</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>©</td>
      <td>Copyright</td>
      <td>`&copy;`</td>
      <td>`&#169;`</td>
    </tr>
    <tr>
      <td>®</td>
      <td>Registered trademark</td>
      <td>`&reg;`</td>
      <td>`&#174;`</td>
    </tr>
    <tr>
      <td>™</td>
      <td>Trademark</td>
      <td>`&trade;`</td>
      <td>`&#8482;`</td>
    </tr>
    <tr>
      <td>@</td>
      <td>At sign</td>
      <td>`&commat;`</td>
      <td>`&#64;`</td>
    </tr>
    <tr>
      <td>♀</td>
      <td>Female symbol</td>
      <td>`&female;`</td>
      <td>`&#9792;`</td>
    </tr>
    <tr>
      <td>♂</td>
      <td>Male symbol</td>
      <td>`&male;`</td>
      <td>`&#9794;`</td>
    </tr>
    <tr>
      <td></td>
      <td>Check mark</td>
      <td>`&check;`</td>
      <td>`&#10003;`</td>
    </tr>
    <tr>
      <td></td>
      <td>Cross mark</td>
      <td>`&cross;`</td>
      <td>`&#10007;`</td>
    </tr>
  </tbody>
</table>

### Mathematical symbols

<table>
  <thead>
    <tr>
      <th>Character</th>
      <th>Description</th>
      <th>Named</th>
      <th>Numeric</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>+</td>
      <td>Plus sign</td>
      <td>`&plus;`</td>
      <td>`&#43;`</td>
    </tr>
    <tr>
      <td>−</td>
      <td>Minus sign</td>
      <td>`&minus;`</td>
      <td>`&#8722;`</td>
    </tr>
    <tr>
      <td>×</td>
      <td>Multiplication sign</td>
      <td>`&times;`</td>
      <td>`&#215;`</td>
    </tr>
    <tr>
      <td>÷</td>
      <td>Division sign</td>
      <td>`&divide;`</td>
      <td>`&#247;`</td>
    </tr>
    <tr>
      <td>=</td>
      <td>Equals sign</td>
      <td>`&equals;`</td>
      <td>`&#61;`</td>
    </tr>
    <tr>
      <td>&lt;</td>
      <td>Less than</td>
      <td>`&lt;`</td>
      <td>`&#60;`</td>
    </tr>
    <tr>
      <td>&gt;</td>
      <td>Greater than</td>
      <td>`&gt;`</td>
      <td>`&#62;`</td>
    </tr>
  </tbody>
</table>

### Currencies

<table>
  <thead>
    <tr>
      <th>Character</th>
      <th>Description</th>
      <th>Named</th>
      <th>Numeric</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>€</td>
      <td>Euro</td>
      <td>`&euro;`</td>
      <td>`&#8364;`</td>
    </tr>
    <tr>
      <td>¢</td>
      <td>Cent</td>
      <td>`&cent;`</td>
      <td>`&#162;`</td>
    </tr>
    <tr>
      <td>$</td>
      <td>Dollar</td>
      <td>`&dollar;`</td>
      <td>`&#36;`</td>
    </tr>
    <tr>
      <td>£</td>
      <td>Pound</td>
      <td>`&pound;`</td>
      <td>`&#163;`</td>
    </tr>
    <tr>
      <td>¥</td>
      <td>Yen</td>
      <td>`&yen;`</td>
      <td>`&#165;`</td>
    </tr>
  </tbody>
</table>

Tip Our Digital Guide has many more articles on [Hypertext Markup Language (HTML)](https://www.ionos.com/digitalguide/websites/web-development/what-is-html/) and related topics. For example, you can explore what [HTML tags](https://www.ionos.com/digitalguide/websites/web-development/html-tags/) are, the special features of [HTML5](https://www.ionos.com/digitalguide/websites/web-development/what-is-html5/) and how to [get started with CSS](https://www.ionos.com/digitalguide/websites/web-design/css-coding-made-easy/).


This is a markdown version of: [https://www.ionos.com/digitalguide/websites/web-development/html-entities/](https://www.ionos.com/digitalguide/websites/web-development/html-entities/) for AI/LLM consumption.