how to display code in your bogger post

In your blogger post all tab like <div> , <span>, <JavaScript> , <p>… will not show  in your post, so in order to show it this tap , you need to convert it in to string code . In order to get those code please visit here covert code What are “character entities”?

You could say that HTML uses a special language, and that we need to say things in a different way for a web browser to understand it. Character entities make the browser understand that we want to display a certain character, rather than use the function of this character.

Character entities are made up of three parts:

  1. An “ampersand” (the & symbol)
  2. Either a descriptive phrase, or a # followed by a number
  3. A semicolon (the ; symbol)

Here is an example of the character entity for the © (copyright) symbol:


This example uses the descriptive phrase “copy”, though it could also be used with the # and it’s number instead:


Either of these methods will have the effect of reproducing the © symbol in your blog post (or in any web page for that matter!).

The most common character entities you will need to use

Here are the most common characters and their equivilent character entities you would need to use to display code in your posts:

Result Description Entity Name Entity Number
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
quotation mark &quot; &#34;

For a complete list of character entities, take a look at the reference page provided by W3 Schools.

Using the character entities

In the code you would like to display, you will need to substitute each of the HTML characters above with the equivalent character entity. For example:

<i>This is how to display italic text</i>

Should be written instead as

&lt;i&gt;This is how to display italic text&lt;/i&gt;

This is more commonly known as “escaping” the HTML code.