When we are writing text into our HTML page, we need to use characters that are not necessarily readily available to us on our keyboards or that are reserved characters that have special meaning in HTML. These are called entities. In this article, we will take a look at how to use these special characters in our code and provide a reference to some of the commonly used entities.
<\/p>\n\n\n\n
One way to illustrate how to use symbols is by creating a code block that you want to render on the screen. One of the issues with trying to get HTML code to show up on your screen when you run it is that it wants to execute the HTML!
<\/p>\n\n\n\n
The The There are three possible ways to use characters in HTML: hex code, number code, and entity code\/character name. All three start with an <\/p>\n\n\n\n<<\/code> and ><\/code> are reserved characters in HTML. To get around that, we can replace those characters with what we call HTML entities. Entities are essentially another name for HTML character codes. Here is how we use them in code to get the raw code block to show up on your screen:
<\/p>\n\n\n\n<!DOCTYPE html>\n<html>\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width">\n <title>repl.it<\/title>\n <link href="style.css" rel="stylesheet" type="text\/css" \/>\n <\/head>\n <body>\n <code>\n <!--The <code> blocks don't prevent this HTML from being rendered--> <p>Famous Baseball Players<\/p>\n <ul>\n <li>Babe Ruth<\/li>\n <li>Mickey Mantle<\/li>\n <li>Nolan Ryan<\/li>\n <\/ul>\n <\/code>\n <code> <br>\n <!--Replace special characters with character references-->\n <!--\n === non-breaking space (4 spaces === tab)\n < === <\n > === >\n / === \/\n -->\n <p>Famous Baseball Players</p> <br>\n     <ul> <br>\n         <li>Babe Ruth</li> <br>\n         <li>Mickey Mantle</li> <br>\n         <li>Nolan Ryan</li> <br>\n     </ul> <br>\n <\/code>\n <\/body>\n<\/html><\/pre><\/div>\n\n\n\n
<code><\/code> tags around the first code block did not stop the HTML from being processed. The second set of <code><\/code> tags \u2013 with the character codes \u2013 rendered the raw code to the screen as opposed to evaluating the HTML. <\/p>\n\n\n\nWays to Use Character Entities<\/h2>\n\n\n\n
&<\/code>. Here is a couple of examples:<\/p>\n\n\n\n