HTML Keyboard Shortcut Cheat Sheet
This cheat sheet includes all important HTML and web development shortcuts to help you code faster and more efficiently.
1. General Shortcuts
| Shortcut | Action |
|---|
| Ctrl + N | New file |
| Ctrl + O | Open file |
| Ctrl + S | Save file |
| Ctrl + Shift + S | Save As |
| Ctrl + W | Close file |
| Ctrl + Q | Quit editor |
| Ctrl + Z | Undo |
| Ctrl + Y | Redo |
2. Editing Shortcuts
| Shortcut | Action |
|---|
| Ctrl + C | Copy |
| Ctrl + X | Cut |
| Ctrl + V | Paste |
| Ctrl + A | Select All |
| Ctrl + F | Find |
| Ctrl + H | Find & Replace |
| Ctrl + D | Duplicate line |
| Ctrl + Shift + K | Delete line |
| Ctrl + ] | Indent line |
| Ctrl + [ | Outdent line |
3. HTML / Emmet Shortcuts
| Shortcut | Action |
|---|
| ! + Tab | Generate basic HTML template |
| div + Tab | Create <div> |
| ul>li*3 + Tab | Create list with 3 items |
| Ctrl + / | Comment / Uncomment |
| Shift + Alt + Down | Duplicate line |
| Tab | Auto-complete |
| Ctrl + Space | Trigger suggestions |
4. Browser / Testing Shortcuts
| Shortcut | Action |
|---|
| F12 | Open Developer Tools |
| Ctrl + Shift + I | Open DevTools |
| Ctrl + Shift + C | Inspect element |
| Ctrl + R / F5 | Reload page |
| Ctrl + Shift + R | Reload without cache |
| Ctrl + + | Zoom in |
| Ctrl + - | Zoom out |
| Ctrl + 0 | Reset zoom |
5. Navigation / Multi-cursor Shortcuts (VS Code)
| Shortcut | Action |
|---|
| Ctrl + P | Quick file open |
| Ctrl + Tab | Switch files |
| Alt + Click | Add cursor |
| Ctrl + D | Select next occurrence |
| Ctrl + Shift + L | Select all occurrences |
| Ctrl + Shift + \\ | Jump to matching bracket |
Previous Lesson → HTML File Naming