HTML & CSS Fundamentals
Structure pages with semantic HTML landmarks, headings, links, and media
Unlock your potential with this carefully crafted course on HTML & CSS Fundamentals. We've distilled years of industry experience into actionable lessons that you can apply immediately.
This course covers both theoretical foundations and practical applications. Each module builds on the previous one, ensuring a smooth learning journey.
Perfect for self-learners and professionals seeking to expand their skillset in the growing African tech ecosystem.
What you will learn
- Structure pages with semantic HTML landmarks, headings, links, and media
- Build accessible forms with labels and names
- Control cascade, selectors, the box model, typography, color, and spacing
- Lay out pages with Flexbox and Grid
- Make layouts responsive across phone and desktop widths
- Apply accessibility basics and deploy a public multi-page site
Who this course is for
- Beginners who can use a browser and a text editor. No prior HTML or CSS required.
Skills you will develop
semantic HTML · forms · CSS selectors · cascade · box model · Flexbox · Grid · responsive design · accessibility
Prerequisites
- A modern browser
- A code editor
- Willingness to save files and refresh the page
What you will build and prove
A responsive multi-page website (home, about, contact) deployed to a public URL.
Who this is for
- Beginners who can use a browser and a text editor. No prior HTML or CSS required.
Prerequisites
- A modern browser
- A code editor
- Willingness to save files and refresh the page
Skills you’ll develop
Course completion demonstrates these skills. Verification requires assessment or reviewed challenge work.
What you will build and prove
- Practice: Turn this homepage into landmarks
- Practice: Make the contact form completable
- Practice: Which rule paints the heading?
- Project: Neighborhood studio site
- Final assessment: HTML & CSS Fundamentals — course assessment (pass 70%)
Course journey
Learn → Practice → Build → Prove → Passport → Grow. Lessons teach the idea. Practice applies it. The project is what you can submit as evidence.
- HTML that means something
- Forms, images, and media
- CSS you can predict
- Layout systems
- Responsive and accessible pages
- Ship a multi-page site
Practice
8 optional practice exercises — apply what you learned. Practice is not required to complete the course.
Assessment
- HTML & CSS Fundamentals — course assessment · pass mark 70%
Prove
Course completion means finishing required lessons , the course project , and the course assessment . That grants a certificate of completion — not a professional certification. Optional practice does not block completion.
Builder Passport evidence is awarded for the completed project, not for watching lessons or passing a quiz alone.
Grow
After the site is live, add the public URL to your Builder Passport and use it when applying to Build challenges. Course completion alone is not evidence.
Curriculum
HTML that means something
- Documents are trees, not drawings 25min
- Landmarks: header, nav, main, footer 25min
- Links that go somewhere real 25min
Forms, images, and media
- Images and media with honest alternatives 25min
- Forms that a person can complete 25min
CSS you can predict
- Selectors and specificity 25min
- Cascade and inheritance 25min
- The box model in the inspector 25min
- Typography, color, and spacing 25min
Layout systems
- Flexbox for rows, nav, and clusters 25min
- Grid for pages and cards 25min
Responsive and accessible pages
- Responsive design that starts small 25min
- Accessibility basics you can check 25min
Ship a multi-page site
- A three-page site that shares CSS 25min
- Deploy and prove the site is live 25min
Free to enroll — no purchase required.
Instructor: Africoders
Start learning Already have an account? Sign in Course forum →