HTML Entity Tutorial | Learn Complete list of HTML Entities

Entity:

An HTML entity is a piece of text (“string”) that starts with an ampersand (&) and ends with a semicolon (;). Entities are frequently used to display the reserved characters (which would otherwise be interpreted as HTML code), and invisible characters (like non-breaking spaces). can also use them in place of the other characters that are complex to type with a standard keyboard.

ISO 8859-1 Symbol Entities:

­

Result	Description	Entity Name	Number Code
	non-breaking space	&nbsp ;	&#160 ;
¡	inverted exclamation mark	¡	¡
¤	currency	¤	¤
¢	cent	¢	¢
£	pound	£	£
¥	yen	¥	¥
¦	broken vertical bar	¦	¦
§	section	§	§
¨	spacing diaeresis	¨	¨
©	copyright	©	©
ª	feminine ordinal indicator	ª	ª
«	angle quotation mark (left)	«	«
¬	negation	¬	¬
	soft hyphen	­	­
®	registered trademark	®	®
™	trademark	™	™
¯	spacing macron	¯	¯
°	degree	°	°
±	plus-or-minus	±	±
²	superscript 2	²	²
³	superscript 3	³	³
´	spacing acute	´	´
µ	micro	µ	µ
¶	paragraph	¶	¶
·	middle dot	·	·
¸	spacing cedilla	¸	¸
¹	superscript 1	¹	¹
º	masculine ordinal indicator	º	º
»	angle quotation mark (right)	»	»
¼	fraction 1/4	¼	¼
½	fraction 1/2	½	½
¾	fraction 3/4	¾	¾
¿	inverted question mark	¿	¿
×	multiplication	×	×
÷	division	÷	÷

Non-breaking Space:

• A generally used entity in HTML is the non-breaking space:  
• A non-breaking space is a space that will not break into the new line.
• Two words separated by a non-breaking space will stick together (not break into a new line).
• This is handy when breaking the words might disruptive.

Examples:

• § 10
• 10 km/h
• 10 PM

Another general use of the non-breaking space is to prevent the browsers from truncating spaces in HTML pages.If write 10 spaces in the text, the browser will remove 9 of them.To add real spaces to the text, can use the   character entity.

Combining Diacritical Marks:

• A diacritical mark is a “glyph” added to the letter.
• Some diacritical marks, are grave ( ̀) and acute ( ́) are called accents.
• Diacritical marks can appeared both above and below a letter, an inside a letter, and between a two letters.
• Diacritical marks can be used in the combination with alphanumeric characters to produced a character that is not present in a character set (encoding) used in the page.

Reserved Characters: These characters are either a reserved for HTML or those which are not present in a basic keyboard & can’t use them to directly.

Example: Here, a some of the reserved characters are discussed:

Reserved Character	Entity Name
&	&amp ;
<	&lt ;
>	&gt ;
“	&quot ;

Other Characters:

Some characters that are not available directly on the keyboard, therefore such an entity can be used to represent it by using their entity number.

ISO 8859-1 Character Entities:

Result	Description	Entity Name	Number Code
À	capital a, grave accent	&Agrave ;	&#192 ;
Á	capital a, acute accent	&Aacute ;	&#193 ;
	capital a, circumflex accent	&Acirc ;	&#194 ;
Ã	capital a, tilde	&Atilde ;	&#195 ;
Ä	capital a, umlaut mark	&Auml ;	&#196 ;
Å	capital a, ring	&Aring ;	&#197 ;
Æ	capital ae	&AElig ;	&#198 ;
Ç	capital c, cedilla	&Ccedil ;	&#199 ;
È	capital e, grave accent	&Egrave ;	&#200 ;
É	capital e, acute accent	&Eacute ;	&#201 ;
Ê	capital e, circumflex accent	&Ecirc ;	&#202 ;
Ë	capital e, umlaut mark	&Euml ;	&#203 ;
Ì	capital i, grave accent	&Igrave ;	&#204 ;
Í	capital i, acute accent	&Iacute ;	&#205 ;
Î	capital i, circumflex accent	&Icirc ;	&#206 ;
Ï	capital i, umlaut mark	&Iuml ;	&#207 ;
Ð	capital eth, Icelandic	&ETH ;	&#208 ;
Ñ	capital n, tilde	&Ntilde ;	&#209 ;
Ò	capital o, grave accent	&Ograve ;	&#210 ;
Ó	capital o, acute accent	&Oacute ;	&#211 ;
Ô	capital o, circumflex accent	&Ocirc ;	&#212 ;
Õ	capital o, tilde	&Otilde ;	&#213 ;
Ö	capital o, umlaut mark	&Ouml ;	&#214 ;
Ø	capital o, slash	&Oslash ;	&#216 ;
Ù	capital u, grave accent	&Ugrave ;	&#217 ;
Ú	capital u, acute accent	&Uacute ;	&#218 ;
Û	capital u, circumflex accent	&Ucirc ;	&#219 ;
Ü	capital u, umlaut mark	&Uuml ;	&#220 ;
Ý	capital y, acute accent	&Yacute ;	&#221 ;
Þ	capital THORN, Icelandic	&THORN ;	&#222 ;
ß	small sharp s, German	&szlig ;	&#223 ;
à	small a, grave accent	&agrave ;	&#224 ;
á	small a, acute accent	&aacute ;	&#225 ;
â	small a, circumflex accent	&acirc ;	&#226 ;
ã	small a, tilde	&atilde ;	&#227 ;
ä	small a, umlaut mark	&auml ;	&#228 ;
å	small a, ring	&aring ;	&#229 ;
æ	small ae	&aelig ;	&#230 ;
ç	small c, cedilla	&ccedil ;	&#231 ;
è	small e, grave accent	&egrave ;	&#232 ;
é	small e, accent	&eacute ;	&#233 ;
ê	small e, circumflex accent	&ecirc ;	&#234 ;
ë	small e, umlaut mark	&euml ;	&#235 ;
ì	small i, grave accent	&igrave ;	&#236 ;
í	small i, acute accent	&iacute ;	&#237 ;
î	small i, circumflex accent	&icirc ;	&#238 ;
ï	small i, umlaut mark	&iuml ;	&#239 ;
ð	small eth, Icelandic	&eth ;	&#240 ;
ñ	small n, tilde	&ntilde ;	&#241 ;
ò	small o, grave accent	&ograve ;	&#242 ;
ó	small o, acute accent	&oacute ;	&#243 ;
ô	small o, circumflex accent	&ocirc ;	&#244 ;
õ	small o, tilde	&otilde ;	&#245 ;
ö	small o, umlaut mark	&ouml ;	&#246 ;
ø	small o, slash	&oslash ;	&#248 ;
ù	small u, grave accent	&ugrave ;	&#249 ;
ú	small u, acute accent	&uacute ;	&#250 ;
û	small u, circumflex accent	&ucirc ;	&#251 ;
ü	small u, umlaut mark	&uuml ;	&#252 ;
ý	small y, acute accent	&yacute ;	&#253 ;
þ	small thorn, Icelandic	&thorn ;	&#254 ;
ÿ	small y, umlaut mark	&yuml ;	&#255 ;

About The Codes:

Using the Entity CodesThe Unicode numeric an entity codes can be expressed either decimal numbers or ahexadecimal numbers.For instance, the decimal version of the therefore symbol (∴) would be a &‌#8756; the hexadecimal version of the therefore symbol (∴) would be a &‌#x2234;

Advantage of HTML Entity: Entity names can be simple to remember.

Disadvantage: Browsers might not encourage all the entity names, instead, they can support the used of entity numbers.

Supported Browser:

• Google Chrome
• Microsoft Edge
• Firefox
• Opera
• Safari

Conclusion:

Understanding of HTML entities and are better insight into how can add a symbols that are not on a keyboard. To learn more about a web development in its full element, a related certification course will be more useful and will act as a catalyst for boosting the coding .Simplilearn’s Postgraduate Program in Full Stack Development is a super way to expand a HTML skillset.The Post Graduate Program, designed in collaboration with the Caltech CTME, is ideal for to move to a fast-tracked career path in the Software Development.Experience an expertly crafted a learning path of end-to-end of software development with the hands-on experience in a Full Stack Programming Bootcamp like pedagogy.If aspiring web and mobile developer, HTML training will broaden the skills and career opportunities without any doubt.