About this course
Build accessible pages with semantic HTML and style them using responsive CSS.
View category Curriculum
Each chapter contains short lessons and quizzes. Select a lesson to open its details, read the full content, and continue to the related assessment.
1Semantic HTML Documents2 items
Semantic HTML Documents
Structuring a pageSemantic elements describe each region's role. Use header, nav, main, and footer to make structure understandable to browsers and assistive technology.11 min Practice: Structuring a pageApply “Structuring a page” in a short example, then verify the result and edge cases.14 min 2CSS Selectors and Layout3 items
CSS Selectors and Layout
Targeting and arranging elementsSelectors connect CSS rules to elements. Flexbox arranges one dimension; Grid distributes items across rows and columns.11 min Practice: Targeting and arranging elementsApply “Targeting and arranging elements” in a short example, then verify the result and edge cases.14 min Review: HTML & CSS — Les bases — 2Check the concepts and practices covered in the course.3 question(s) 3Responsive Design and Accessibility3 items
Responsive Design and Accessibility
Adapting pages to screensA fluid layout combines relative units, flexible images, and content-driven breakpoints. Also check contrast, focus, and reading order.11 min Practice: Adapting pages to screensApply “Adapting pages to screens” in a short example, then verify the result and edge cases.14 min Review: HTML & CSS — Les bases — 3Check the concepts and practices covered in the course.3 question(s) 