Software
Sector html
HTML and CSS
Learn HTML Learn CSS Learn Bootstrap Learn W3.CSS Learn Colors Learn Icons Learn Graphics Learn SVG Learn Canvas Learn How To Learn SassJavaScript
Learn JavaScript Learn jQuery Learn React Learn AngularJS Learn JSON Learn AJAX Learn AppML Learn W3.JSProgramming
Learn Python Learn Java Learn C++ Learn C# Learn R Learn Machine Learning Learn Data Science Learn PandasHTML
HTML Tag Reference HTML Browser Support HTML Event Reference HTML Color Reference HTML Attribute Reference HTML Canvas Reference HTML SVG Reference HTML Character Sets Google Maps ReferenceCSS
CSS Reference CSS Browser Support CSS Selector Reference Bootstrap 3 Reference Bootstrap 4 Reference W3.CSS Reference Icon Reference Sass ReferenceJavaScript
JavaScript Reference HTML DOM Reference jQuery Reference AngularJS Reference AppML Reference W3.JS ReferenceProgramming
Python Reference Java ReferenceExercises
HTML Exercises CSS Exercises JavaScript Exercises SQL Exercises PHP Exercises Python Exercises jQuery Exercises Bootstrap Exercises Java Exercises C++ Exercises C# ExercisesHTML Tutorial
HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Block & Inline HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout HTML Responsive HTML Computercode HTML Semantics HTML Style Guide HTML Entities HTML Symbols HTML Emojis HTML Charset HTML URL Encode HTML vs. XHTMLHTML Forms
HTML Forms HTML Form Attributes HTML Form Elements HTML Input Types HTML Input Attributes HTML Input Form AttributesHTML Graphics
HTML Canvas HTML SVGHTML Media
HTML Media HTML Video HTML Audio HTML Plug-ins HTML YouTubeHTML APIs
HTML Geolocation HTML Drag/Drop HTML Web Storage HTML Web Workers HTML SSEHTML Examples
HTML Examples HTML Quiz HTML Exercises HTML Certificate HTML Summary HTML AccessibilityHTML References
HTML Tag List HTML Attributes HTML Global Attributes HTML Browser Support HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard ShortcutsHTML 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 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:
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:
File not found.
Press F1 to continue
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;
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;
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:
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
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.
Report Error
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
help@w3schools.com
Thank You For Helping Us!
Your message has been sent to W3Schools.
Copyright 1999-2021 by Refsnes Data. All Rights Reserved.
W3Schools is Powered by W3.CSS.

Sector softwarwe
Sector software
Consultații
Apăsați aici și începeți să scrieți. Porro quisquam est qui dolorem ipsum quia dolor sit amet consectetur adipisci velit sed quia non numquam eius modi tempora.
Rame
Apăsați aici și începeți să scrieți. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque.
Ajustări ochelari
Apăsați aici și începeți să scrieți. Veritatis et quasi architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem quia voluptas sit aspernatur aut.
Lentile de contact
Apăsați aici și începeți să scrieți. Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est qui dolorem ipsum quia.