Html entity for LEARNOVITA

HTML Entity Tutorial | Learn Complete list of HTML Entities

Last updated on 12th Aug 2022, Blog, Tutorials

About author

Yeshwant singh (Html Developer )

Yeshwant Singh is an Html Developer with 6+ years of experience in a reputed company. He has expertise in HTML and CSS, PHP and MySQL, Javascript, and Node JS. He spends most of his time researching technology and startups.

(5.0) | 19547 Ratings 2027

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:

    ­
    ResultDescriptionEntity NameNumber 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:

Symbol Entities
  • 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 CharacterEntity 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:

    ResultDescriptionEntity NameNumber 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.

Are you looking training with Right Jobs?

Contact Us

Popular Courses