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 <br>? Otherwise you can use <br>... — Pieterjan
– Pieterjan, Commented Sep 11, 2021 at 5:48
Does this answer your question? Display HTML snippets in HTML — Progman
– Progman, Commented Sep 11, 2021 at 5:54

Hackinet · Accepted Answer · 2021-09-11 05:55:52Z

7

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, 2021 at 5:55

answered Sep 11, 2021 at 5:49

Hackinet

3,3481 gold badge13 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

idk wut to put here Over a year ago

XMP is deprecated as of HTML 3.2 and was removed in HTML 5. Don't use it.

Prashant Agarwal Over a year ago

I know its deprecated but <xmp> is the only thing that works if someone does not or cannot use < etc.

anvin · Accepted Answer · 2021-09-11 05:46:08Z

2

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

answered Sep 11, 2021 at 5:46

anvin

6002 gold badges9 silver badges25 bronze badges

Comments

ParisaN · Accepted Answer · 2021-09-11 05:49:46Z

1

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

answered Sep 11, 2021 at 5:49

ParisaN

2,1324 gold badges27 silver badges61 bronze badges

Collectives™ on Stack Overflow

how to display html code without rendering on page?

3 Answers 3

Method 1

Method 2

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Method 1

Method 2

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related