Html text codes list

HTML character codes

All HTML character codes of text fonts and symbols from � to ￿ .

Click on character to get HTML code:

* Check if character is supported in Android browser.

Special HTML codes

Char	Numeric code	Named code	Description
	horizontal tab
	line feed
	carriage return / enter
		non-breaking space

Regular HTML character codes

Char	Numeric code	Named code	Description
	space
!	!	exclamation mark
«	"	"	double quote
#	#	number
$	$	dollar
%	%	percent
&	&	&	ampersand
‘	'	'	single quote
(	(	left parenthesis
)	)	right parenthesis
*	*	asterisk
+	+	plus
,	,	comma
—	-	minus
.	.	period
/	/	slash
0	0	zero
1	1	one
2	2	two
3	3	three
4	4	four
5	5	five
6	6	six
7	7	seven
8	8	eight
9	9	nine
:	:	colon
;	;	semicolon
	<	<	less than
=	=	equality sign
>	>	>	greater than
?	?	question mark
@	@	at sign
A	A
B	B
C	C
D	D
E	E
F	F
G	G
H	H
I	I
J	J
K	K
L	L
M	M
N	N
O	O
P	P
Q	Q
R	R
S	S
T	T
U	U
V	V
W	W
X	X
Y	Y
Z	Z
[	[	left square bracket
\	\	backslash
]	]	right square bracket
^	^	caret / circumflex
_	_	underscore
`	`	grave / accent
a	a
b	b
c	c
d	d
e	e
f	f
g	g
h	h
i	i
j	j
k	k
l	l
m	m
n	n
o	o
p	p
q	q
r	r
s	s
t	t
u	&#117
v	v
w	w
x	x
y	y
z	z
	{	left curly bracket
|	|	vertical bar
>	}	right curly bracket
~	~	tilde

Extra codes

Char	Numeric code	Named code	Description
		non-breaking space
¡	¡	¡	inverted exclamation mark
¢	¢	¢	cent sign
£	£	£	pound sign
¤	¤	¤	currency sign
¥	¥	¥	yen sign
¦	¦	¦	broken bar
§	§	§	section sign
¨	¨	¨	diaeresis
©	©	©	copyright sign
ª	ª	ª	feminine ordinal indicator
«	«	«	left pointing guillemet
¬	¬	¬	not sign
­	­	­	soft hyphen
®	®	®	registered sign
¯	¯	¯	macron
°	°	°	degree sign
±	±	±	plus-minus sign
²	²	²	superscript two
³	³	³	superscript three
´	´	´	acute accent
µ	µ	µ	micro sign
¶	¶	¶	paragraph sign
·	·	·	middle dot
¸	¸	¸	spacing cedilla
¹	¹	¹	superscript one
º	º	º	masculine ordinal indicator
»	»	»	right pointing guillemet
¼	¼	¼	fraction one quarter
½	½	½	fraction one half
¾	¾	¾	fraction three quarters
¿	¿	¿	inverted question mark
À	À	À	capital A with grave
Á	Á	Á	capital A with acute
Â	Â	Â	capital A with circumflex
Ã	Ã	Ã	capital A with tilde
Ä	Ä	Ä	capital A with diaeresis
Å	Å	Å	capital A with ring
Æ	Æ	Æ	capital AE
Ç	Ç	Ç	capital C with cedilla
È	È	È	capital E with grave
É	É	É	capital E with acute
Ê	Ê	Ê	capital E with circumflex
Ë	Ë	Ë	capital E with diaeresis
Ì	Ì	Ì	capital I with grave
Í	Í	Í	capital I with acute
Î	Î	Î	capital I with circumflex
Ï	Ï	Ï	capital I with diaeresis
Ð	Ð	Ð	capital ETH
Ñ	Ñ	Ñ	capital N with tilde
Ò	Ò	Ò	capital O with grave
Ó	Ó	Ó	capital O with acute
Ô	Ô	Ô	capital O with circumflex
Õ	Õ	Õ	capital O with tilde
Ö	Ö	Ö	capital O with diaeresis
×	×	×	multiplication sign
Ø	Ø	Ø	capital O with stroke
Ù	Ù	Ù	capital U with grave
Ú	Ú	Ú	capital U with acute
Û	Û	Û	capital U with circumflex
Ü	Ü	Ü	capital U with diaeresis
Ý	Ý	Ý	capital Y with acute
Þ	Þ	Þ	capital THORN
ß	ß	ß	small sharp s
à	à	à	small a with grave
á	á	á	small a with acute
â	â	&;	small a with circumflex
ã	ã	ã	small a with tilde
ä	ä	ä	small a with diaeresis
å	å	å	small a with ring above
æ	æ	æ	small ae
ç	ç	ç	small c with cedilla
è	è	è	small e with grave
é	é	é	small e with acute
ê	ê	ê	small e with circumflex
ë	ë	ë	small e with diaeresis
ì	ì	ì	small i with grave
í	í	í	small i with acute
î	î	î	small i with circumflex
ï	ï	ï	small i with diaeresis
ð	ð	ð	small eth
ñ	ñ	ñ	small n with tilde
ò	ò	ò	small o with grave
ó	ó	ó	small o with acute
ô	ô	ô	small o with circumflex
õ	õ	õ	small o with tilde
ö	ö	ö	small o with diaeresis
÷	÷	÷	division sign
ø	ø	ø	small o with stroke
ù	ù	ù	small u with grave
ú	ú	ú	small u with acute
û	û	û	small u with circumflex
ü	ü	ü	small u with diaeresis
ý	ý	ý	small y with acute
þ	þ	þ	small thorn
ÿ	ÿ	ÿ	small y with diaeresis

HTML math symbols codes

Char	Numeric code	Named code	Description
&	&	&	ampersand
•	•	•	bullet
◦	◦	white bullet
∙	∙	bullet operator
‣	‣	triangular bullet
⁃	⁃	hyphen bullet
°	°	°	degree
∞	∞	∞	infinity
‰	‰	‰	per-mille
⋅	⋅	⋅	multiplication dot
±	±	±	plus-minus
†	†	†	hermitian
—	—	—
¬	¬	¬
µ	µ	µ
⊥	⊥	⊥
∥	∥	∥

Currency codes

Char	Numeric code	Named code	Description
$	$	dollar
€	€	€	euro
£	£	£	pound
¥	¥	¥	yen / yuan
¢	¢	¢	cent
₹	₹	indian Rupee
₨	₨	rupee
₱	₱	peso
₩	₩	korean won
฿	฿	thai baht
₫	₫	dong
₪	₪	shekel

Intellectual property codes

Char	Numeric code	Named code	Description
©	©	©	copyright
®	®	®	registered trademark
℗	℗	sound recording copyright
™	™	™	trademark
℠	℠	service mark

Greek alphabet codes

Char	Numeric code	Named code	Description
α	α	α	small alpha
β	β	β	small beta
γ	γ	γ	small gamma
δ	δ	δ	small delta
ε	ε	ε	small epsilon
ζ	ζ	ζ	small zeta
η	η	η	small eta
θ	θ	θ	small theta
ι	ι	ι	small iota
κ	κ	κ	small kappa
λ	λ	λ	small lambda
μ	μ	μ	small mu
ν	ν	ν	small nu
ξ	ξ	ξ	small xi
ο	ο	ο	small omicron
π	π	π	small pi
ρ	ρ	ρ	small rho
σ	σ	σ	small sigma
τ	τ	τ	small tau
υ	υ	υ	small upsilon
φ	φ	φ	small phi
χ	χ	χ	small chi
ψ	ψ	ψ	small psi
ω	ω	ω	small omega
Α	Α	Α	capital alpha
Β	Β	Β	capital beta
Γ	Γ	Γ	capital gamma
Δ	Δ	Δ	capital delta
Ε	Ε	Ε	capital epsilon
Ζ	Ζ	Ζ	capital zeta
Η	Η	Η	capital eta
Θ	Θ	Θ	capital theta
Ι	Ι	Ι	capital iota
Κ	Κ	Κ	capital kappa
Λ	Λ	Λ	capital lambda
Μ	Μ	Μ	capital mu
Ν	Ν	Ν	capital nu
Ξ	Ξ	Ξ	capital xi
Ο	Ο	Ο	capital omicron
Π	Π	Π	capital pi
Ρ	Ρ	Ρ	capital rho
Σ	Σ	Σ	capital sigma
Τ	Τ	Τ	capital tau
Υ	Υ	Υ	capital upsilon
Φ	Φ	Φ	capital phi
Χ	Χ	Χ	capital chi
Ψ	Ψ	Ψ	capital psi
Ω	Ω	Ω	capital omega

See also

• URL decoder/encoder
• Unicode characters
• Windows ALT codes
• ASCII table
• Greek alphabet
• HTML color codes
• & HTML code
• Check mark HTML code
• Copyright HTML code
• Euro HTML code
• Heart HTML code
• Quotes HTML code
• Space HTML code
• Trademark HTML code

Источник

HTML tags for text

Inside it, we can add any inline element we like, like span or a .

We cannot add block elements.

We cannot nest p elements one into another.

By default browsers style a paragraph with a margin on top and at the bottom. 16px in Chrome, but the exact value might vary between browsers.

This causes two consecutive paragraphs to be spaced, replicating what we think of a “paragraph” in printed text.

The span tag

This is an inline tag that can be used to create a section in a paragraph that can be targeted using CSS:

p>A part of the text span>and here another partspan>p>

The br tag

This tag represents a line break. It’s an inline element, and does not need a closing tag.

We use it to create a new line inside a p tag, without creating a new paragraph.

And compared to creating a new paragraph, it does not add additional spacing.

The heading tags

HTML provides us 6 heading tags. From most important to least important, we have h1 , h2 , h3 , h4 , h5 , h6 .

Typically a page will have one h1 element, which is the page title. Then you might have one or more h2 elements depending on the page content.

Headings, especially the heading organization, are also essential for SEO, and search engines use them in various ways.

The browser by default will render the h1 tag bigger, and will make the elements size smaller as the number near h increases:

All headings are block elements. They cannot contain other elements, just text.

The strong tag

This tag is used to mark the text inside it as strong. This is pretty important, it’s not a visual hint, but a semantic hint. Depending on the medium used, its interpretation will vary.

Browsers by default make the text in this tag bold.

The em tag

This tag is used to mark the text inside it as emphasized. Like with strong , it’s not a visual hint but a semantic hint.

Browsers by default make the text in this italic.

Quotes

The blockquote HTML tag is useful to insert citations in the text.

Browsers by default apply a margin to the blockquote element. Chrome applies a 40px left and right margin, and a 10px top and bottom margin.

The q HTML tag is used for inline quotes.

Horizontal line

Not really based on text, but the hr tag is often used inside a page. It means horizontal rule , and it adds an horizontal line in the page.

Useful to separate sections in the page.

Code blocks

The code tag is especially useful to show code, because browsers give it a monospaced font.

That’s typically the only thing that browsers do. This is the CSS applied by Chrome:

code  font-family: monospace; >

This tag is typically wrapped in a pre tag, because the code element ignores whitespace and line breaks. Like the p tag.

Chrome gives pre this default styling:

pre  display: block; font-family: monospace; white-space: pre; margin: 1em 0px; >

which prevents white space collapsing and makes it a block element.

Lists

Unordered lists are created using the ul tag. Each item in the list is created with the li tag:

ul>  li>Firstli>  li>Secondli> ul>

Ordered lists are similar, just made with the ol tag:

ol>  li>Firstli>  li>Secondli> ol>

The difference between the two is that ordered lists have a number before each item:

Definition lists are a bit different. You have a term, and its definition:

dl>  dt>Flaviodt>  dd>The namedd>  dt>Copesdt>  dd>The surnamedd> dl>

This is how browsers typically render them:

I must say you rarely see them in the wild, for sure not much as ul and ol , but sometimes they might be useful.

Other text tags

There is a number of tags with presentational purposes:

• the mark tag
• the ins tag
• the del tag
• the sup tag
• the sub tag
• the small tag
• the i tag
• the b tag

This is an example of the visual rendering of them which is applied by default by browsers:

You might wonder, how is b different than strong ? And how i is different than em ?

The difference lies in the semantic meaning. While b and i are a direct hint at the browser to make a piece of text bold or italic, strong and em give the text a special meaning, and it’s up to the browser to give the styling. Which happens to be exactly the same as b and i , by default. Although you can change that using CSS.

There are a number of other, less used tags related to text. I just mentioned the ones that I see used the most.

Источник