Cách thêm mã máy tính mẫu (sample code) trong HTML?

Thẻ <samp> (sample output) hiển thị đầu ra của chương trình máy tính, terminal, script. Thường kết hợp với <kbd> (user input) và <pre> (block code).

Ví dụ

<!Doctype html>
<html>
  <head>
    <title>Thẻ samp HTML</title>
  </head>
  <body>
    <p>File header luôn bắt đầu bằng <samp>#include</samp>.</p>
    <pre><samp>$ npm test
> my-project@1.0.0 test
> jest --coverage
       PASS  src/utils.test.js
       Test Suites: 1 passed, 1 total
</samp></pre>
  </body>
</html>

Các thẻ code liên quan

Thẻ	Ý nghĩa	Ví dụ
<code>	Mã nguồn (inline hoặc block)	`const x = 1`
<samp>	Đầu ra chương trình	`Error: Not found`
<kbd>	Nhập bàn phím người dùng	`Ctrl`+`C`
<var>	Biến/toán học	`x` = `y` + 1
<pre>	Khối định dạng sẵn (giữ whitespace)	Block code nhiều dòng

Kết hợp đẹp

<pre><code>function hello() {
  console.log(<samp>"Hello World"</samp>);
}</code></pre>