How can I put html text on my webpage without the browser thinking it's part of the DOM?

Question

I'm creating a website to help me learn web development. I want to be able to put html on my website, as if it were just text in a paragraph tag. I think that the browser thinks that the html is part of the DOM, because it never renders on the page the way I want. This is the simple code I have been using...

<pre>
    <code>
    "<!DOCTYPE html>
     <html>
     <!--All html goes here-->
     </html>
    "
    </code>
</pre>

Am I doing something wrong? How can I create a box of code on the page without the browser thinking it's part of the DOM?

Thanks in advance!

score 4 · Answer 1 · answered Mar 12 '15 at 03:44

4

Use the proper entities:

<pre>
     &lt;!DOCTYPE html&gt;
     &lt;html&gt;
     &lt;!--All html goes here--&gt;
     &lt;/html&gt;
</pre>

answered Mar 12 '15 at 03:44

prodigitalson

60,050
10
100
114

score 2 · Answer 2 · edited May 23 '17 at 11:56

2

There isn't a way to write plain HTML and have it displayed the way you want, using only HTML. The answers to this question may provide further help.

edited May 23 '17 at 11:56

Community

1
1

answered Mar 12 '15 at 03:47

Superfly

571
3
13

How can I put html text on my webpage without the browser thinking it's part of the DOM?

2 Answers2