a abbr acronym b bdo big br button cite code dfn em i img input kbd label map object output q samp script select small span strong sub sup textarea time tt var
length Percent Baseline Super Text Top Bottom top sub Text-bottom Middle
<address> < > < > < > < > < > article aside blockquote canvas dd div dl dt fieldset figcaption figure footer form h1-h6 header hr li main nav noscript ol p pre section table tfoot ul video

Christ Is Alive Ministry Learning Code for God

<kbd>

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>kbd Hasic HTML</title>
<link href="mystyle2.css" rel="stylesheet" type="text/css">
</head>
<body>
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
</body>
</html>

<kbd>Results

Press Ctrl + C to copy text (Windows).

Press Cmd + C to copy text (Mac OS).

<samp>

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Basic HTML</title>
<link href="mystyle2.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>samp element</h1>
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>
</body>
</html>

<samp>Results

Message from my computer:

File not found.
Press F1 to continue

<code>

  • Contains several elements for defining user input and computer code.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Basic HTML</title>
<link href="mystyle2.css" rel="stylesheet" type="text/css">
</head>
<body
<h2>Computer / Programming Code</h2>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</body>
</html>

<code>Results

x = 5; y = 6; z = x + y;

<var>

  • The <var> tag is used to defines a variable in programming or in a mathematical expression. The content inside is typically displayed in italic.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Basic HTML</title>
<link href="mystyle2.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Var element</h1>
<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>

<var> Results

Var element

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.