Month 7 · Week 25 of 40

Semantic HTML5 & Modern CSS

Construct accessible, modern web interfaces.

Enroll Now to Start Week 25 View Month 7 Overview

Week Overview

Begin your journey into frontend web engineering. Master semantic HTML5 elements, the CSS box model (margin, border, padding, content), modern web typography, and accessibility best practices.

Core Concepts & Topics

Semantic HTML Elements (header, nav, article, section, footer)
The CSS Box Model & box-sizing: border-box
CSS Selectors, Specificity & Cascade Rules
Web Fonts, Colors & CSS Custom Properties (Variables)
Accessibility (ARIA, alt text, contrast)
Hands-On Challenge

Week 25 Project: Personal Developer Portfolio Website with semantic markup and custom CSS.

Every week at DoxaTech Hub requires submitting real working code tested by our automated grading suite. You will push code to your personal GitHub repository, open pull requests, and receive instant feedback.

Frequently Asked Questions

What is the CSS Box Model?

The CSS box model defines how every element is rendered as a rectangular box comprising content, padding, border, and margin.

Previous
Week 24: Complete Flask REST API & Database Integration
Next
Week 26: Responsive Layouts (Flexbox & CSS Grid)
Interactive Learning

Ready to Build This?

Sign up now to access full video lessons, downloadable study PDFs, autograded programming challenges, and mentor support.

Start Learning Today View Pricing Plans

Month 7 Modules

This week is part of Frontend Web Development (HTML, CSS & JS).

Explore Full Month 7

Helpful Guides & Cheatsheets