HTML教程
HTML5教程
HTML参考手册

HTML 程序代码

HTML 程序代码

在进行编程时,有时必须在网页上向用户显示输出结果,错误消息或编码部分。因此,要解决此问题,HTML将不同的标记用于用户输入,代码,程序等。借助这些标记,您将能够编写代码以在网页上显示。
以下是在HTML中用于此任务的一些标签的列表。
<code> <kbd> <samp> <var>

HTML <code>元素

它用于表示您网站上的某些编程代码。在<code><code>标记之间写入的内容将以默认的等宽字体显示。
示例:
<!DOCTYPE html>
<html>
<body>
<h2>程序代码</h2>
<p>这是一段程序代码。</p>
<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>
</body>
</html>

HTML <kbd>元素

它用于表示用户输入,键盘输入,语音命令等。在<kbd> ... </kbd>内编写的文本/kbd>标记通常以浏览器的默认等宽字体显示。
示例:
<!DOCTYPE html>
<html>
<body>
<h2>kbd标签demo</h2>
<kbd>这就是在kbd元素中编写的内容的外观。</kbd></p>
</body>
</html>

HTML <samp>元素

HTML <samp>元素用于表示程序的输出。 samp元素中编写的文本通常以浏览器的默认等宽字体显示。
示例:
<!DOCTYPE html>
<html>
<body>
<h2>samp标签demo</h2>
<samp>samp元素中的内容是这样的。 </samp>
</body>

HTML <var>元素

HTML <var>元素用于定义变量。变量可以是数学表达式中的变量,也可以是编程上下文中的变量。
示例:
<!DOCTYPE html>
<html>
<body>
<h2>var标签demo</h2>
<p>这是一段著名的公式:<var>E</var> = <var>mc</var><sup>2</sup>.</p>
</body>
</html>

HTML <pre>

元素定义预格式化的文本,该文本以固定宽度的字体显示其中的内容。它将内容保留为原始格式,并忽略所有格式。
示例:
<!DOCTYPE html>
<html>
<body>
<h3>pre标签demo</h3>
<pre>
这是写的内容在pre标签中,pre标签将忽略所有空格、换行符,并将显示内容和原始格式一样。
</pre>
</body>
</html>
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4