About
The code element represents a fragment of computer code.
By default, the content text is displayed using the user agent's default monospace font.
Articles Related
Example
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 / Syntax Highlighting
Prettifying can be done by the client through JavaScript library: