Tạo văn bản máy đánh máy (teletype) với HTML <tt> (Deprecated)

Lưu ý: Thẻ <tt> đã deprecated trong HTML5, không nên dùng. Thay thế bằng <code>, <kbd>, <samp> hoặc CSS font-family: monospace.

Ví dụ cũ (không khuyến khích)

<!DOCTYPE html>
<html>
<head>
  <title>HTML tt Tag (Deprecated)</title>
</head>
<body>
  <p>Website Qries</p>
  <tt>Knowledge for all</tt>
</body>
</html>

Thay thế hiện đại

Thẻ	Ý nghĩa	Ví dụ
`<code>`	Mã nguồn lập trình	`const x = 1;`
`<kbd>`	Đầu vào bàn phím	`<kbd>Ctrl</kbd> + <kbd>C</kbd>`
`<samp>`	Output chương trình	`<samp>Error 404</samp>`
`<pre>`	Block code giữ format	Khối code nhiều dòng
CSS	font-family: monospace	`.mono { font-family: monospace; }`

Ví dụ thay thế

<!DOCTYPE html>
<html>
<head>
  <style>
    code, kbd, samp, pre { font-family: 'Fira Code', 'Consolas', monospace; }
    code { background: #f4f4f4; padding: 2px 6px; border-radius: 4px; }
    kbd { background: #eee; border: 1px solid #ccc; border-radius: 3px; padding: 2px 6px; box-shadow: 0 1px 0 #999; }
    samp { color: #dc3545; font-weight: bold; }
    pre { background: #1e1e1e; color: #d4d4d4; padding: 16px; border-radius: 8px; overflow-x: auto; }
  </style>
</head>
<body>
  <p>In code: <code>console.log('Hello')</code></p>
  <p>Nhấn <kbd>Ctrl</kbd> + <kbd>S</kbd> để lưu</p>
  <p>Kết quả: <samp>File saved successfully</samp></p>
  <pre><code>function greet(name) {
  return `Hello, ${name}!`;
}</code></pre>
</body>
</html>