The code element represents a fragment of computer code.
By default, the content text is displayed using the user agent's default monospace font.
The following example shows how the element can be used in a paragraph to mark up element names and computer code, including punctuation.
<p>The <code>code<code> element represents a fragment of computer
code.</p>
<p>When you call the <code>activate()<code> method on the
<code>robotSnowman<code> object, the eyes glow.</p>
<p>The example below uses the <code>begin<code> keyword to indicate
the start of a statement block. It is paired with an <code>end<code>
keyword, which is followed by the <code>.<code> punctuation character
(full stop) to indicate the end of the program.</p>
The following example shows how a block of code could be marked up using the pre and code elements.
<pre><code class="language-pascal">var i: Integer;
begin
i := 1;
end.<code></pre>
A class is used in that example to indicate the language used.
Prettifying can be done by the client through JavaScript library: