Page 1 of 1

HTML Computer Code Elements

Posted: Fri Oct 27, 2023 8:05 am
by Guest
HTML Computer Code Elements


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 »








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


HTML Exercises

Test Yourself With Exercises

Exercise:
Define the text "var person;" as programming code.

<p>Code example: var person;</p>


Submit Answer »
Start the Exercise



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.














+1

Reference: https://www.w3schools.com/html/html_com ... ements.asp