How to show literal HTML script in a web page?

Question

I have some HTML script that I would like to make it display in a web page like the code option here:

<a href="#">test</a>

How can I do that?

SLaks · Accepted Answer · 2011-07-20 13:58:54Z

24

You need to HTML-escape your text, as you can easily tell if you look at the HTML source of this very page:

<div class="post-text">
    <p>I have some HTML that I would like to make it appear like the code option here</p>

    <pre><code>&lt;a href="#"&gt;test&lt;/a&gt;
    </code></pre>

    <p>How can I do it?</p>
</div>

answered Jul 20, 2011 at 13:58

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

Comments

Jamie Dixon · Accepted Answer · 2011-07-20 14:10:10Z

11

You'll need to encode the angle brackets etc in order to show this on the page.

You can do this manually in html as:

&lt;a href="#"&gt;test&lt;/a&gt;

Where:

&lt; = <

&gt; = >

For other characters here's a table of character codes: http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

edited Jul 20, 2011 at 14:10

answered Jul 20, 2011 at 14:00

Jamie Dixon

54.1k21 gold badges131 silver badges168 bronze badges

2 Comments

Kerrek SB Over a year ago

"HTML codes" and "HTML number" must be the most ignorant way of labelling the table -- what a terrible website. Even Wikipedia makes a better reference...

Jamie Dixon Over a year ago

Thanks Kerrek. I've replaced the link with this better reference.

Collectives™ on Stack Overflow

How to show literal HTML script in a web page?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related