导航
×
   ❮   
HTML CSS JavaScript PHP Go ECMS

HTML 计算机代码元素


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


实例

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

HTML<kbd> 键盘格式

HTML <kbd> 元素定义键盘输入。其中的内容以浏览器的默认单空格字体显示。

实例

将某些文本定义为文档中的键盘输入:

<p>按<kbd>Ctrl + S</kbd> 保存文档</p>

结果:

Ctrl + S 保存文档
亲自试一试 »

HTML<samp> 样本格式

HTML <samp> 元素定义计算机输出示例。其中的内容以浏览器的默认单空格字体显示。

实例

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

 <p>来自我电脑的消息:</p>
<p><samp>找不到文件。<br>按 F1 继续</samp></p>

结果:

来自我电脑的消息:

找不到文件。
按 F1 继续

亲自试一试 »

HTML<code> 代码格式

HTML <code> 元素定义编程代码示例。其中的内容以浏览器的默认单空格字体显示。

实例

将某些文本定义为文档中的计算机代码:

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

结果:

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

注意 <code> 元素不保留多余的空格和折行:。

如需解决该问题,您必须在 <pre> 元素中包围代码:

实例

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

结果:

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

HTML<var> 变量格式化

HTML <var> 元素定义数学变量:

实例

将某些文本定义为文档中的变量:

 <p>三角形的面积是: 1/2 x<var>b</var> x<var>h</var>,其中<var>b</var> 是底边,<var>h</var> 是垂直高度。</p>

结果:

三角形的面积是: 1/2 x b x h,其中 b 是底边, h 是垂直高度。
亲自试一试 »

本章小结

  • <kbd> 定义键盘文本
  • <samp> 定义计算机代码示例
  • <code> 定义计算机代码文本
  • <var> 定义变量
  • <pre> 定义预格式化文本

HTML 计算机代码元素

标签 描述
<code> 定义计算机代码文本
<kbd> 定义键盘文本
<samp> 定义计算机代码示例
<var> 定义变量
<pre> 定义预格式化文本

如需所有可用的 HTML 标签的完整列表,请访问 HTML 标签参考手册


freew3c.com 中文网是独立运营的中文开发者学习平台,与 freew3c.com 无关联。提供的内容仅用于学习和测试,不保证内容的正确性。


Copyright @2020-2026 京ICP备888888号-8