Displaying Mathematical Symbols

This page is for the use of people writing web pages containing mathematical symbols.

Many mathematical symbols can be entered into web pages as characters but in general, images need to be used for formulae, equations etc as MathML and other markup languages often do not display well on some common browsers. This collection may assist users to quickly represent simple symbols.

Variables

These are best displayed using a serif font and italics.

Result	Code
x	<i><font face="Times New Roman, Times, serif">x</font></i>
y	<i><font face="Times New Roman, Times, serif">y</font></i>

Subscripts and Superscripts

Result	Code
x^-3	<font face="Times New Roman, Times, serif"><i>x</i><sup>-3</sup></font>
y₂	<font face="Times New Roman, Times, serif"><i>y</i><sub>2</sub></font>

Greek alphabet

Result	Code
a b c d e f g h i j k l m n o p q r s t u v w x y z	<font face="Symbol">a b c d e f g h i j k l m </font> <font face="Symbol">n o p q r s t u v w x y z</font>
C D F G J L P Q S V W X Y	<font face="Symbol">C D F G J L</font> <font face="Symbol">P Q S V W X Y</font>

An alternative way to obtain a single greek character is to use the code.

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

Mathematical Characters

Result	Code
–	–
—	—
±	±
´ ×	<font face="Symbol">´</font> ×
÷	÷
Å	<font face="Symbol">Å</font>
Ã	<font face="Symbol">Ã</font>
¹ ≠	<font face="Symbol">¹</font> ≠
°	°
½	½
¼	¼
¾	¾
ƒ
¿	¿

Mathematical Images

To use these, download the image files into the same folder as your HTML document, then insert the listed code from here into your HTML document.

Result	Code
	<img src="gtrthneq.gif" width="11" height="13">
	<img src="lssthneq.gif" width="11" height="13">
	<img src="approx.gif" width="11" height="7" hspace="5" align="absmiddle">
	<img src="idequal.gif" width="11" height="8">
	<img src="cong.gif" width="12" height="10" align="absmiddle">
	<img src="bowtie.gif" width="14" height="8" align="absmiddle">
	<img src="because.gif" width="12" height="10" hspace="5" align="absmiddle">
	<img src="therefore.gif" width="12" height="10" hspace="5" align="absmiddle">
	<img src="exists.gif" width="11" height="14" hspace="5" align="absmiddle">
	<img src="forall.gif" width="12" height="14" hspace="5" align="absmiddle">
	<img src="equivalent.gif" width="19" height="11" hspace="5" align="absmiddle">
	<img src="implies.gif" width="18" height="11" hspace="5" align="absmiddle">
	<img src="factorial.gif" width="5" height="15" hspace="5" align="absmiddle">
	<img src="infinity.gif" width="14" height="7" hspace="5" align="absmiddle">
	<img src="subset.gif" width="14" height="10" hspace="5" align="absmiddle">
	<img src="sub_set.gif" width="11" height="11" align="absmiddle">
	<img src="notsubset.gif" width="14" height="13" hspace="5" align="absmiddle">
	<img src="element.gif" width="10" height="9" hspace="5" align="absmiddle">
	<img src="notelement.gif" width="10" height="12" hspace="5" align="absmiddle">
	<img src="emptyset.gif" width="15" height="15" hspace="5" align="absmiddle">
	<img src="intersection.gif" width="14" height="11" hspace="5" align="absmiddle">
	<img src="union.gif" width="15" height="11" hspace="5" align="absmiddle">
	<img src="complexset.gif" width="12" height="14" hspace="5" align="absmiddle">
or	<img src="integerset.gif" width="13" height="14" hspace="5" align="absmiddle"> or <img src="Z.gif" width="9" height="12">
or	<img src="naturalset.gif" width="13" height="13" hspace="5" align="absmiddle"> or <img src="N.gif" width="11" height="12">
	<img src="rationset.gif" width="14" height="14" hspace="5" align="absmiddle">
or	<img src="realset.gif" width="13" height="13" hspace="5" align="absmiddle"> or <img src="R.gif" width="9" height="10" align="absmiddle">
	<img src="integral.gif" width="7" height="20" hspace="5" align="absmiddle">
	<img src="mapsinto.gif" width="18" height="10" hspace="5" align="absmiddle">
	<img src="perpendicular.gif" width="13" height="13">
	<img src="proportionalto.gif" width="13" height="7">
	<img src="sqrroot.gif" width="10" height="19">
	<img src="circle.gif" width="8" height="8" align="absmiddle">
	<img src="cup.gif" width="13" height="7" align="absmiddle">
	<img src="cdown.gif" width="13" height="7" align="absmiddle">
	<img src="sqcup.gif" width="13" height="17" align="absmiddle">
	<img src="sqcdown.gif" width="13" height="17" align="absmiddle">
	<img src="unlhd.gif" width="10" height="14" align="absmiddle">
	<img src="unrhd.gif" width="10" height="14" align="absmiddle">
	<img src="ltcurl.gif" width="11" height="13" align="absmiddle">
	<img src="operator.gif" width="9" height="9" hspace="5" align="absmiddle">
	<img src="bara.gif" width="7" height="9" hspace="5" align="absmiddle">
	<img src="barv.gif" width="7" height="9" hspace="5" align="absmiddle">
	<img src="barx.gif" width="7" height="9" hspace="5" align="absmiddle">