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 | |
---|---|
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;
">
┌─┬─┐
│ │ │
├─┼─┤
│ │ │
└─┴─┘
</div>
where the characters are part of extended ASCII characters [8], beside the space
.
notes#
- 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].
- 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].
- Shahnawaz_Ali, “HTML Entities”, GeekforGeeks, 14 Dec 2021, url https://www.geeksforgeeks.org/html-entities/ [20220603].
- Anne Helmenstine, “HTML Codes for Greek Letters”, Science Notes, 10 May 2021, url https://sciencenotes.org/html-codes-for-greek-letters/ [20220604].
- Xah Lee, “Unicode Arrows →”, ∑XAH, 19 Jun 2010, url http://xahlee.info/comp/unicode_arrows.html [20220604].
- 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].
- -, “Square Symbols”, Alt-Codes, 2022, url https://www.alt-codes.net/square-symbols [20220604].
- 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].