Why are my <pre> and <code> tags reading the markup instead of producing code snipets??

Answer 1

You still need to take special characters into account &lt ; and &gt ;

<pre><code class="html">&gt;a href=......... &lt;

Answer 2

For the code within the <pre> tags, do a global search and replace of "<" with "&lt;".

Answer 3

That's because the code and pre tags don't work that way. Change your '<' to '&lt;' and the '>' to '&gt;' and it will work as you want it too.

Answer 4

The <pre></pre> tag pair doesn't change how the contents in them are parsed by the browser (ie, as HTML with tags the browser needs to parse). Rather, it just tells the browser that the contents inside the pair as unformatted and should be presented to the user as such.

What you need to do is escape the HTML (ie, "<" to "&lt;", etc), so the browser knows it should display the raw characters.

Answer 5

"Code" means "This is marked up code"

"Pre" means "This data has been preformatted" (as far as whitespace is concerned)

Neither of them mean "This data shouldn't be treated as HTML"

Represent & as &, < as < and > as >.