Displaying HTML code in a <code> tag without browser rendering it

HTML-CSS
1

I’m in the process of building the technical documentation page and I decided to do the technical documentation on HTML. Only problem is that I can’t figure out how to display HTML code without my browser rendering it. Like, I wanna show the code for a text input so it used this code:

<pre>
   <code>
      <input type="text">
   </code>
</pre>

And instead of just displaying it as text it actually renders a text input. I feel like there’s a simple solution to this and I’m just being a moron. Any help would be really appreciated.

2

Take a look at the following page:

This one may be useful too:
http://web.simmons.edu/~grabiner/comm244/weekfour/code-test.html

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.