The HTML computer code element displays codes within the HTML body. There are five HTML Tags For Computer Code elements used to display code outputs on a webpage. One thing to note about these elements is that, by default, they all appear in monospace font. Its good to know other HTML inputs elements, here they are
- <code>
- <kbd>
- <samp>
- <var>
- <pre>
Code, <code> TAG
The code tag is used to display programming code on a webpage. See what ANCHOR tags look like here
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Computer code</title>
</head>
<body>
<code>
<p>× = 4; <br></p>
<p>y = 6; <br></p>
<p> z = x + y; <br></p>
</code>
</body>
</html>
Code, <kbd> TAG
The kbd tag is used to display keyboard inputs on a screen. Basic HTML Tags
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Computer code</title>
</head>
<body>
<kbd>
By default, this will appear in monospace font.
</kbd>
</body>
</html>
Code, <samp> TAG
The same tag displays output programs from a computer.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Computer code</title>
</head>
<body>
<p>Error message: </p>
<p> <samp> File not found. </samp></p>
</body>
</html>
HTML Tags For Computer Code, <var> TAG
Var represents variables. A variable could be used to express a mathematical function or a programming context.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Computer code</title>
</head>
<body>
<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>
HTML Tags for computer
Pre represents preformatted text. It displays text in a fixed width.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Computer code</title>
</head>
<body>
<pre>
This is a sentence with lots of space and it's fixed.
</pre>
</body>
</html>
