主题
  • 默认模式
  • 浅蓝色模式
  • 淡红色模式
  • 深夜模式

什么是计算机代码?

在 HTML 中,保留了一些用于定义用户输入和计算机代码的元素。

实例代码 运行代码
复制
<code>
    x = 5;
    y = 6;
    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;

HTML 保留换行符

请注意,<code>元素不会保留多余的空格和换行符。

若要保留多余的空格和换行符,你可以将<code>元素放在<pre>元素内:

实例代码 运行代码
复制
<pre>
    <code>
        x = 5;
        y = 6;
        z = x + y;
    </code>
</pre>

执行结果:

x = 5;
y = 6;
z = x + y;

HTML <var> 变量

请注意,<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 是垂直高度。

HTML 总结

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



评论区 0
发表评论