The Web: HTML & CSS
🏛️ Semantic HTML, multimedia and tables
Structure your page with meaningful tags, add responsive images, audio and video, and organize data in accessible tables.
What you'll learn
- Lay out a page with semantic HTML and its landmarks (
header,nav,main,article,aside,footer) - Tell when to use
<section>,<article>or<div>, and take advantage of<figure>,<time>and<mark> - Add responsive multimedia with
srcset/sizes,<picture>,<audio>and<video controls> - Organize data in accessible tables with
<caption>,thead/tbodyand<th scope>
Lessons
Semantic HTML: meaningful structureheader, nav, main, section, article, aside, footer and why they matter for accessibility and SEO. Multimedia: responsive images, audio and videosrcset/sizes, <picture>/<source>, <audio> and <video controls>. Accessible tables for datatable, caption, thead/tbody, th with scope, tr/td.Practice this module in the app
DevPath is a hands-on course: you read the theory here; in the app you put it into practice with exercises that really run, offline.
Start free in the app →