Scribd
Upload
5 views5 pages

Computer Code HTML

Uploaded by

captainricardus
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views5 pages

Computer Code HTML

Uploaded by

captainricardus
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

HTML Computer Code

Elements
❮ PreviousNext ❯

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

Example
<code>
x = 5;
y = 6;
z = x + y;
</code>
Try it Yourself »

HTML <kbd> For Keyboard Input


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

Example
Define some text as keyboard input in a document:

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

Result:

Save the document by pressing Ctrl + S


Try it Yourself »
HTML <samp> For Program Output
The HTML <samp> element is used to define sample output from a computer
program. The content inside is displayed in the browser's default monospace
font.

Example
Define some text as sample output from a computer program in a document:

<p>Message from my computer:</p>


<p><samp>File not found.<br>Press F1 to continue</samp></p>

Result:

Message from my computer:

File not found.


Press F1 to continue

Try it Yourself »

ADVERTISEMENT

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
Define some text as computer code in a document:

<code>
x = 5;
y = 6;
z = x + y;
</code>

Result:
x = 5; y = 6; z = x + y;
Try it Yourself »

Notice that the <code> element does not preserve extra whitespace and line-
breaks.

To fix this, you can put the <code> element inside a <pre> element:

Example
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Result:

x = 5;
y = 6;
z = x + y;
Try it Yourself »

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
Define some text as variables in a document:

<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>

Result:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical
height.
Try it Yourself »
Chapter Summary
 The <kbd> element defines keyboard input
 The <samp> element defines sample output from a computer program
 The <code> element defines a piece of computer code
 The <var> element defines a variable in programming or in a
mathematical expression
 The <pre> element defines preformatted text

Exercise?
Which one of the following is NOT an HTML element?

<code>

<pre>

<kbd>

<xamp>

Submit Answer »

HTML Computer Code Elements


Tag Description

<code> Defines programming code

<kbd> Defines keyboard input


<samp> Defines computer output

<var> Defines a variable

<pre> Defines preformatted text

For a complete list of all available HTML tags, visit our HTML Tag Reference.

You might also like