Master programming syntax, solve interactive challenges & run live code in Syntaxis Explore Arena →
menu_book Course Curriculum (Intro to HTML & CSS) expand_more
HTML Basics
Document structure Head metadata Headings and paragraphs Links Images and alt text Lists Tables Forms and labels
Semantic HTML
header main footer nav landmark article and section figure and figcaption button versus link details and summary time element address element
CSS Basics
CSS selectors Class selectors Cascade and specificity Box model Margin and padding Typography Colors Borders
Layout & Responsive
display block and inline Flexbox basics Grid basics Positioning Media queries Responsive images CSS custom properties Focus styles
Intro to HTML & CSS / Semantic HTML

header main footer

Learn header main footer in Intro to HTML & CSS with a focused explanation, a topic-specific example, and a mastery check.

12 min read • Beginner
intro-html-css-009.html
html 
<header><h1>Recipe book</h1></header><main><article><h2>Lentil soup</h2><p>Simple weeknight recipe.</p></article></main><footer><small>© 2026</small></footer>
What to watch
Content source & attribution
Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

header main footer Mastery Check →
← PREVIOUS
Forms and labels
NEXT →
nav landmark