码农教程 - 一技在手,衣食无忧! tools

HTML 计算机代码元素

❮ 上一节 下一节 ❯

HTML 包含多个用于定义用户输入和计算机代码的元素。

示例

<code>
x = 5;
y = 6;
z = x + y;
</code>
亲自试一试 »

HTML <kbd> 用于键盘输入

HTML<kbd>元素用于定义键盘输入。里面的内容以浏览器默认的等宽字体显示。

示例

在文档中定义一些文本作为键盘输入：

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

结果：

Save the document by pressing Ctrl + S
亲自试一试 »

HTML <samp> 用于程序输出

HTML<samp>元素用于定义计算机程序的示例输出。里面的内容以浏览器默认的等宽字体显示。

示例

将一些文本定义为文档中计算机程序的示例输出：

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

结果：

Message from my computer:

File not found.
Press F1 to continue

亲自试一试 »

HTML <code> 用于计算机代码

HTML<code>元素用于定义一段计算机代码。里面的内容以浏览器默认的等宽字体显示。

示例

将一些文本定义为文档中的计算机代码：

<code>
x = 5;
y = 6;
z = x + y;
</code>

结果：

x = 5; y = 6; z = x + y;
亲自试一试 »

请注意，<code>元素不保留额外的空格和换行符。

要解决此问题，您可以将<code>a 内的元素<pre>元素：

示例

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

结果：

x = 5;
y = 6;
z = x + y;
亲自试一试 »

HTML <var> 对于变量

HTML<var>元素用于在编程或数学表达式中定义变量。里面的内容通常以斜体显示。

示例

将一些文本定义为文档中的变量：

<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>

结果：

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

章节总结

  • 这个<kbd>元素定义键盘输入
  • 这个<samp>元素定义计算机程序的示例输出
  • 这个<code>元素定义一段计算机代码
  • 这个<var>元素定义编程或数学表达式中的变量
  • 这个<pre>元素定义预格式化文本

HTML练习

通过练习测试一下

练习:

将文本 "var person;" 定义为编程代码。

<p>Code example: var person; </p>

开始练习

HTML 计算机代码元素

Tag Description
<code> Defines programming code
<kbd> Defines keyboard input 
<samp> Defines computer output
<var> Defines a variable
<pre> Defines preformatted text

有关所有可用 HTML 标签的完整列表，请访问我们的HTML 标签参考。


❮ 上一节 下一节 ❯