Learn HTML

Settings

Appearance
Theme
Follows your system unless you choose one
Editor font size
Applies to the code pane and the built-tree view
Accent bar on code examples
A coloured edge makes examples easier to spot while skimming. Off is closer to Obsidian.
Layout
Sidebar
The chapter list on the left
Editor pane
Collapse it to give the preview the full height
Panel sizes
Reset the three draggable dividers
Progress
Keyboard shortcuts
Full list, also on the ? key
Reset everything
Clears lessons read, tasks ticked, quiz scores and saved code

Keyboard shortcuts

Editor shortcuts work while the cursor is in the code pane.
Getting around
← →Previous or next lesson
⌘ KSearch every lesson and task
?This list
EscClose anything open
In the editor
! then TabExpand a full page skeleton
>Closes the tag you just opened
⌘ /Comment or uncomment
Ctrl SpaceForce the suggestion list
TabIndent, or accept a suggestion or snippet
⇧ TabOutdent
Editor
type ! then Tab for a full page 

        
      

      

    

    

    

      Rendered page
      What the browser BUILT
      How a screen reader hears it
    

    

      
      

      

      
Checks