How can I display HTML source code within a HTML website?

Question

I'm using the <pre> tag for displaying source code on a website and now need to display some HTML. I don't want the user's browser to translate and display the HTML as HTML code, but simply display the source code.

How can I display HTML source code in a <pre> tag (or equivalent) within a HTML website?

Thanks in advance.

Google's [Prettify javascript module](https://code.google.com/p/google-code-prettify/) is always an option. — APAD1, Oct 07 '14 at 15:37
do you want javascript to generate the source code view or a server side technology like php? — Logan Murphy, Oct 07 '14 at 15:40

score 1 · Answer 1 · answered Oct 07 '14 at 15:36

1

You'll have to use < and > instead of < and > respectively and browser will not consider it has html and hence will not render it. They are called as HTML Entities.

You can find and replace them or use many online services that does that for you.

answered Oct 07 '14 at 15:36

Amit Joki

58,320
7
77
95

score -1 · Answer 2 · edited May 23 '17 at 12:30

-1

Use the HTML tag <code> for your snippet.

Here's more on the subject <code> vs <pre> vs <samp> for inline and block code snippets

edited May 23 '17 at 12:30

Community

1
1

answered Oct 07 '14 at 15:37

Caelea

2,318
15
22

How can I display HTML source code within a HTML website?

2 Answers2

Linked