Use <code class="language-markup">
to style html code.
Also, you only need to escape the beginning of the tags with <
, don't worry about the >
characters. The easiest way is to paste your html code into the pre tag, then perform a find and replace for all <
characters.
This should work:
<!DOCTYPE html>
<html>
<head>
<link href="prism.css" rel="stylesheet" />
</head>
<body>
<script src="prism.js"></script>
<pre><code class="language-markup">
<p class="red">red text </p>
</code></pre>
</body>
</html>