list of html entities

While creating posts for this bugx, a static site generated with Hugo [1], the images are created in SVG format using Inkscape, which is not so easy dealing with symbols, e.g greek letters [2], or other HTML entities [3]. That is the only reason why this post is created, so the symbols can be copied from this post and then pasted to a text in Inkscape.

greek letters#

The HTML code for greek letter are available in the two forms [4], &#nnn or &name;, where the second one is used here.

Tabel 1. Greek letters in lowercase and uppercase.

Case
Letters
Lowercase α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ τ υ φ χ ψ ω
Uppercase Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω

Following HTML entities

α   β γ δ  ε ζ    η
θ   ι κ λ μ      ν      ξ
ο π   ρ   σ  τ     υ φ
χ     ψ  ω

Α   Β Γ Δ  Ε Ζ    Η
Θ   Ι Κ Λ Μ      Ν      ξ
Ο Π   Ρ   Σ  Τ     Υ Φ
Χ     Ψ  Ω

are used in Table 1.

arrows#

There are Unicode arrows and HTML arrows.

unicode#

Some Unicode arrows [5] are as follow.

← ↖ ↑ ↗ → ↘ ↓ ↙

← ↖ ↑ ↗ → ↘ ↓ ↙

🡠 🡤 🡡 🡥 🡢 🡦 🡣 🡧

🡠 🡤 🡡 🡥 🡢 🡦 🡣 🡧

🢀 🢄 🢁 🢅 🢂 🢆 🢃 🢇

🢀 🢄 🢁 🢅 🢂 🢆 🢃 🢇

⇐ ⇖ ⇑ ⇗ ⇒ ⇘ ⇓ ⇙

⇐ ⇖ ⇑ ⇗ ⇒ ⇘ ⇓ ⇙

⭰ ⭱ ⭲ ⭳ ⭶ ⭷ ⭸ ⭹

⭰ ⭱ ⭲ ⭳ ⭶ ⭷ ⭸ ⭹

Pada setiap dua baris terdapat simbol dan kode Unicode terkaitnya.

html arrow#

HTML arrows can be refered with left, up, right, and down [6], also north-west, north-east, south-east, and north-west.

← ↖ ↑ ↗ → ↗ ↓ ↖

← ↖ ↑ ↗ → ↗ ↓ ↖

squares#

Filled and empty squares are also avaialable [7].

⬞ ▫ ◽ ◻ □ ⬜

⬞ ▫ ◽ ◻ □ ⬜

⬝ ▪ ◾ ◼ ■ ⬛

⬝ ▪ ◾ ◼ ■ ⬛

box elements#

Boxes can be drawn using characters as follow,

┌─┬─┐ │ │ │ ├─┼─┤ │ │ │ └─┴─┘
<div style="
  line-height:normal;
  white-space: pre;
  font-family: monospace;
  letter-spacing: 0px;
">
&boxdr;&boxh;&boxhd;&boxh;&boxdl;
&boxv;&nbsp;&boxv;&nbsp;&boxv;
&boxvr;&boxh;&boxvh;&boxh;&boxvl;
&boxv;&nbsp;&boxv;&nbsp;&boxv;
&boxur;&boxh;&boxhu;&boxh;&boxul;
</div>

where the characters are part of extended ASCII characters [8], beside the space &nbsp;.

notes#

  1. Sherlene Von Drehnen, “What Is Hugo and How Does It Work?”, MUO, 16 May 2022, url https://www.makeuseof.com/hugo-static-site-generator/ [20220603].
  2. Prashant Dabholkar, “Greek and Special Symbols in Inkscape”, Engineering Chatter and Some Tools, WordPress, 29 Sep 2018, url https://techietalkntools.wordpress.com/2018/09/29/greek-and-special-symbols-in-inkscape/ [20220603].
  3. Shahnawaz_Ali, “HTML Entities”, GeekforGeeks, 14 Dec 2021, url https://www.geeksforgeeks.org/html-entities/ [20220603].
  4. Anne Helmenstine, “HTML Codes for Greek Letters”, Science Notes, 10 May 2021, url https://sciencenotes.org/html-codes-for-greek-letters/ [20220604].
  5. Xah Lee, “Unicode Arrows →”, ∑XAH, 19 Jun 2010, url http://xahlee.info/comp/unicode_arrows.html [20220604].
  6. Fiverr Team, “HTML Arrows: What They Are and How to Use Them”, Fiverr International Ltd., 7 Oct 2021, url https://blog.fiverr.com/post/html-arrows-what-they-are-and-how-to-use-them [20220604].
  7. -, “Square Symbols”, Alt-Codes, 2022, url https://www.alt-codes.net/square-symbols [20220604].
  8. Peter, “Box drawing character single line horizontal vertical”, url https://theasciicode.com.ar/extended-ascii-code/box-drawings-single-line-horizontal-vertical-character-ascii-code-197.html [20220604].
Cite as: viridi, "list of html entities", bugx, 4 Jun 2022, url https://dudung.github.io/bugx/0078 [20221011].