Pre, Code & Keyboard

∙ Chapter 27

Use <pre> to preserve spacing and new lines. Use <code> for code snippets and <kbd> for keyboard shortcuts.

<pre>

Preserves whitespace exactly (great for code blocks).

<kbd>

Keys/shortcuts like Ctrl + S.

<samp>

Sample output from a program.

<var>

Variables in math or documentation.

pre-code.php

📝 Edit Code

👁 Live Preview

💡 Combine <pre> + <code> for formatted code blocks.

HTML Tutorial