How to include example html code in a web page

Question

When I want to write blog that is showing some sample code, I normally use the <code> element eg.

<pre>
  <code>
    some code here
    some more code
  </code>
</pre>

However this does not work if the sample code is html e.g.

<pre>
  <code>
    <div id="target"></div>
  </code>
</pre>

Doing this just produces a blank code block. How do I do this?

#Obsidean Age, I have corrected the question, my actual code had the correct div syntax, and does not display the div as a sample. — Obromios, Feb 27 '20 at 22:21

thingEvery · Accepted Answer · 2020-02-27T22:26:50.677

0

One way is to replace the < and > brackets with < and >.

<pre>
  <code>
    &lt;div class="target"&gt;&lt;/target&gt;
  </code>
</pre>

Will render:

  
    <div class="target"></target>

edited Feb 27 '20 at 22:26

answered Feb 27 '20 at 22:15

thingEvery

1 Answers1