计算机代码元素

code/kbd/samp/var/pre 显示代码和键盘输入

HTML 提供专门标签来显示计算机代码、键盘输入、程序输出——让技术文档更规范。

学完本章你将： 掌握 code/kbd/samp/var/pre 代码相关标签。

行内代码 code

html

<p>在 Python 中使用 <code>print()</code> 函数输出内容。</p>
<p>HTML 的段落标签是 <code>&lt;p&gt;</code></p>

html

<p>保存文件请按 <kbd>Ctrl</kbd> + <kbd>S</kbd></p>
<p>复制：<kbd>Ctrl</kbd> + <kbd>C</kbd></p>

html

<p>运行程序后输出：<samp>Hello World!</samp></p>
<p>错误信息：<samp>File not found</samp></p>

html

<p>三角形的面积公式：<var>底</var> × <var>高</var> ÷ 2</p>
<p>循环变量 <var>i</var> 从 0 到 <var>n</var></p>

html

<pre><code>
function hello() {
    console.log("Hello World!");
    return true;
}
</code></pre>
<!-- pre 保留空格和换行，code 标记语义 -->