HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
HTML contains several elements for defining user input and computer code
The HTML <kbd>
element is used
to define keyboard input. The content inside is displayed in the browser's
default monospace font.
Define some text as keyboard input in a document:
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
Result:
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.
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:
File not found.
Press F1 to continue
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.
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;
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:
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>
Result:
x = 5;
y = 6;
z = x + y;
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.
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:
<kbd>
element defines
keyboard input<samp>
element defines
sample output from a computer program<code>
element defines a piece of computer code<var>
element defines a variable in programming or in a mathematical expression<pre>
element defines
preformatted textDefine the text "var person;" as programming code.
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.