how to display html code without rendering on page?

Question

I want to display HTML code as it is without rendering.

Current Output

Note : Use
for Line Break.

Expected Output

Note : Use <br> for Line Break.

<html>
<head>
</head>
<body>
  Note : Use <br> for Line Break.
</body>
</html>

Does the html text come from a database or similar, or do you just want to show
? Otherwise you can use `<br>`... — Pieterjan, Sep 11 '21 at 05:48
Does this answer your question? [Display HTML snippets in HTML](https://stackoverflow.com/questions/2820453/display-html-snippets-in-html) — Progman, Sep 11 '21 at 05:54

score 2 · Answer 1 · answered Sep 11 '21 at 05:46

You can show HTML tags as plain text in HTML on a website or webpage by replacing < with < or &60; and > with > or &62; on each HTML tag that you want to be visible. Ordinarily, HTML tags are not visible to the reader on the browser.

Also you can look into this question: Display HTML snippets in HTML

Hackinet · Accepted Answer · 2021-09-11T05:55:52.137

2

Method 1

You can use <xmp> but it's deprecated as suggested by @Someone_who_likes_SE. So probably avoid using it.

Mozilla XMP Documentation states:

The HTML element renders text between the start and end tags without interpreting the HTML in between and using a monospaced font.

<html>
<body>
  <xmp>Note : Use <br> for Line Break.</xmp>
</body>
</html>

Method 2

We generally replace the tag brackets with their HTML entities codes

< becomes < and > becomes >

<html>
    <body>
      Note : Use &lt;br&gt; for Line Break.
    </body>
    </html>

edited Sep 11 '21 at 05:55

answered Sep 11 '21 at 05:49

Hackinet

3,007
1
9
20

3

XMP is deprecated as of HTML 3.2 and was **removed** in HTML 5. Don't use it. – Someone_who_likes_SE Sep 11 '21 at 05:50

score 1 · Answer 3 · answered Sep 11 '21 at 05:49

1

Note : Use &lt;br&gt; for Line Break.

answered Sep 11 '21 at 05:49

ParisaN

1,397
2
18
47

how to display html code without rendering on page?

3 Answers3

Method 1

Method 2