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 displayed in the browser's default monospace font.
<!DOCTYPE html>
<html>
<body>
<h2>The kbd Element</h2>
<p>The kbd element is used to define keyboard input:</p>
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
</body>
</html>
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.
<!DOCTYPE html>
<html>
<body>
<h2>The samp Element</h2>
<p>The samp element is used to define sample output from a computer program.</p>
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>
</body>
</html>
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.
<!DOCTYPE html>
<html>
<body>
<h2>Computer Code</h2>
<p>Some programming code:</p>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</body>
</html>
HTML <var>
For Variables
The HTML <var>
element is used to defines a variable in programming or in a mathematical expression. The content inside is typically displayed in italic.
<!DOCTYPE html>
<html>
<body>
<h2>The var Element</h2>
<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>
</body>
</html>
网友评论