I want to display my html code as it write in edited format.
How to make it displayed as the following?
You have in the main editor, 2 modes:
I think you have published your post (or page) under "Text" mode.
What you have to do is to cut all the html code in "Text" mode tab. Then you have to set the editor in "Visual" mode tab, and to paste your code.
Your code will be displayed like you want to.
Best, now what you can do (in "Text" editor mode), is to use the html
<code> tag before and a html
</code> tag after...