Mastery Points
0
Active Mission
Change the h1 title to 'Architecture Complete' to finish the structure.
Objective: add Architecture Complete to the code
Current MissionIN PROGRESS
Riddle:Change the h1 title to 'Architecture Complete' to finish the structure.
33%
Reward: 40 XP Verified
HTML5 Document Architecture in html-css
Context & Logic
Every modern web document follows a strict semantic hierarchy.
Technical Reference
doctypeDefines standard mode (prevents ' Quirks Mode').
html tagThe root of the entire document.
head tagInvisible metadata (SEO, scripts, styles).
body tagAll visible user-interface components.
charset utf-8Enforces character encoding (prevents text glitches).
viewportCrucial for mobile responsiveness and scaling.
Interactive Workshop
Interactive Playground
Source HTMLMarkup
Source CSSStyle
Live Output Pane
Sync activeTailwind Core Loaded
Standard CSS Scope
Auto-Sync Preview
Modify the source above to see live changes. Supports standard CSS and Tailwind utility classes.
Test Your Knowledge
Assessment Mode1Which tag contains metadata like SEO and link tags?