HTML Computer Code Elements

HTML contains several elements for defining user input and computer code.

HTML <kbd> For Keyboard Input

The HTML <kbd> element is used to define keyboard input. The content inside is typically displayed in the browser's default monospace font.

Example

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

HTML <samp> For Program Output

The HTML <samp> element is used to define sample output from a computer program. The content inside is typically displayed in the browser's default monospace font.

Example

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

HTML <code> For Computer Code

The HTML <code> element is used to define a piece of computer code. The content inside is displayed in the browser's default monospace font.

Example

<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

HTML <var> For Variables

The HTML <var> element is used to define a variable in programming or in a mathematical expression. The content inside is typically displayed in italic.

Example

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

HTML <pre> For Preformatted Text

The HTML <pre> element defines preformatted text.

The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.

Example

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>

HTML Computercode