If you want to show example HTML with the angled brackets, you can do it with HTML entities.

&lt; gives you a <
&gt; gives you a >
&amp; gives you a &

So the HTML looks like this:

&lt;ul&gt;
&lt;li&gt;Cobb&lt;/li&gt;
&lt;li&gt;Arthur&lt;/li&gt;
&lt;li&gt;Ariadne&lt;/li&gt;
&lt;li&gt;Eames&lt;/li&gt;
&lt;/ul&gt;

And displays like this:

<ul>
<li>Cobb</li>
<li>Arthur</li>
<li>Ariadne</li>
<li>Eames</li>
</ul>

But how did I get those HTML entities themselves to display without converting into characters, you ask?

I used the &amp; entity to create the initial ampersand character! So that &amp; in the previous sentence was coded as &amp;amp;. And &amp;amp;amp; displays as &amp;amp; etc.