Showing HTML to the end user.

I am trying to create a webpage that will show the end user a HTML script, however, when I show it on the page, it simply gets parsed by the browser. What I want, is to show the raw HTML code to the user, not the output.

 

Use <pre> <textarea> or replace all the < with & codes i.e. &lt; and &gt; then rep me

 

You can use the tag <pre></pre> & <code></code> :

<pre>
<code>&lt;html&gt;</code>
	<code>&lt;head&gt;</code>
	<code>&lt;/head&gt;</code>
	<code>&lt;body&gt;</code>
		<code>Some text here</code>
	<code>&lt;/body&gt;</code>
<code>&lt;/html&gt; </code>
</pre>

Code (markup):

 

Thanks guys, Ill try it out.

 

If you have access to php...

Maybe you can store the source you want to display in a file and using both get_file_contents() and htmlspecialchars() display the source. The second function will replace the < with &lt; and the others aswell.

 

it's file_get_contents

 

If you're building a teaching website or trying to teach something I recommend putting it inside a textbox - that will make it easier for the user to copy & paste the code in order to try it out.

 

or you could put it in textarea..fieldset

 

actually I am trying to get it in a blog post.