HTML Symbols

by

HTML symbols, also known as HTML entities, are used to display characters that are not readily available on a standard keyboard or have special meanings in HTML. These symbols include mathematical symbols, arrows, currency symbols, and more. Below is a list of common HTML symbols and their corresponding codes:

1. Common HTML Symbols

SymbolDescriptionHTML EntityNumeric Code
©Copyright©©
®Registered Trademark®®
™Trademark™™
&Ampersand&&
<Less Than&lt;&#60;
>Greater Than&gt;&#62;
"Quotation Mark&quot;&#34;
¢Cent&cent;&#162;
£Pound&pound;&#163;
¥Yen&yen;&#165;
€Euro&euro;&#8364;
§Section&sect;&#167;
Paragraph&para;&#182;
•Bullet&bull;&#8226;
…Ellipsis&hellip;&#8230;
←Left Arrow&larr;&#8592;
→Right Arrow&rarr;&#8594;
↑Up Arrow&uarr;&#8593;
↓Down Arrow&darr;&#8595;
♠Spade&spades;&#9824;
♣Club&clubs;&#9827;
♥Heart&hearts;&#9829;
♦Diamond&diams;&#9830;

2. Mathematical Symbols

SymbolDescriptionHTML EntityNumeric Code
+Plus&plus;&#43;
−Minus&minus;&#8722;
×Multiplication&times;&#215;
÷Division&divide;&#247;
=Equals&equals;&#61;
≠Not Equal&ne;&#8800;
≈Approximately&asymp;&#8776;
√Square Root&radic;&#8730;
∞Infinity&infin;&#8734;
∠Angle&ang;&#8736;
∫Integral&int;&#8747;
∑Summation&sum;&#8721;
∏Product&prod;&#8719;

3. Greek Letters

SymbolDescriptionHTML EntityNumeric Code
ΑAlpha&Alpha;&#913;
ΒBeta&Beta;&#914;
ΓGamma&Gamma;&#915;
ΔDelta&Delta;&#916;
ΕEpsilon&Epsilon;&#917;
ΖZeta&Zeta;&#918;
ΗEta&Eta;&#919;
ΘTheta&Theta;&#920;
ΙIota&Iota;&#921;
ΚKappa&Kappa;&#922;
ΛLambda&Lambda;&#923;
ΜMu&Mu;&#924;
ΝNu&Nu;&#925;
ΞXi&Xi;&#926;
ΟOmicron&Omicron;&#927;
ΠPi&Pi;&#928;
ΡRho&Rho;&#929;
ΣSigma&Sigma;&#931;
ΤTau&Tau;&#932;
ΥUpsilon&Upsilon;&#933;
ΦPhi&Phi;&#934;
ΧChi&Chi;&#935;
ΨPsi&Psi;&#936;
ΩOmega&Omega;&#937;

4. How to Use HTML Symbols

To use these symbols in your HTML document, you can either use the entity name or the numeric code. For example:

<p>Copyright symbol: ©</p>
<p>Euro symbol: €</p>
HTML

Both of these will display the respective symbols in the browser.

Conclusion

HTML symbols, or entities, are essential for displaying special characters, symbols, and icons that are not directly available on a standard keyboard or have reserved meanings in HTML. By using either named entities (e.g., &copy; for ©) or numeric codes (e.g., &#169;), developers can ensure that these symbols render correctly across different browsers and devices. These symbols are widely used for representing currency (e.g., €, £), mathematical operators, arrows, and other special characters, enhancing the readability and functionality of web content. Understanding and utilizing HTML symbols is a fundamental skill for web developers, enabling them to create more dynamic and visually appealing web pages.