本文概述
在进行编程时, 有时必须在网页上向用户显示输出结果, 错误消息或编码部分。因此, 要解决此问题, HTML将不同的标记用于用户输入, 代码, 程序等。借助这些标记, 你将能够编写代码以在网页上显示。
以下是此任务在HTML中使用的一些标签的列表。
- <code>
- <kbd>
- <桑普>
- <WAS>
- <PRE>
HTML <code>元素
它用于表示你网站上的一些编程代码。标签之间写入的内容将以默认的等宽字体显示。
例：
<!DOCTYPE html>
<html>
<body>
<h2>Computer Code</h2>
<p>This is a programming code:</p>
<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>
</body>
</html>立即测试
HTML <kbd>元素
它用于表示用户输入, 键盘输入, 语音命令等。用<kbd> ….. </ kbd>标签编写的文本通常以浏览器的默认等宽字体显示。
例：
<!DOCTYPE html>
<html>
<body>
<h2>The kbd Element</h2>
<kbd>This is how content written within kbd element looks like.</kbd></p>
</body>
</html>立即测试
HTML <samp>元素
HTML <samp>元素用于表示程序的输出。 samp元素中编写的文本通常以浏览器的默认等宽字体显示。
例：
<!DOCTYPE html>
<html>
<body>
<h2>The samp Element</h2>
<samp>This is how the content within samp element looks like. </samp>
</body>
</html>立即测试
HTML <var>元素
HTML <var>元素用于定义变量。该变量可以是数学表达式中的变量, 也可以是编程上下文中的变量。
例：
<!DOCTYPE html>
<html>
<body>
<h2>The var Element</h2>
<p>This is a famous formula: <var>E</var> = <var>mc</var><sup>2</sup>.</p>
</body>
</html>立即测试
HTML <pre>元素
<pre>元素定义预格式化的文本, 该文本以固定宽度的字体显示其中的内容。它将内容保留为其原始格式, 并忽略所有格式。
例：
<!DOCTYPE html>
<html>
<body>
<h3>Example of pre tag</h3>
<pre>
This is content written
within pre tag, and pre tag will ignore all
spaces, break lines, and will display the content
as in original format.
</pre>
</body>
</html>立即测试
