Web foundations: HTML & CSS

About this track

Start from nothing and finish able to build a styled, responsive web page. Every lesson is taught here on Yanjye with examples you can copy and run. Work through them in order, then take the exam to earn your certificate.

Every lesson is written and hosted here on Yanjye — you never leave the site. Work through them in order, then sit the exam to earn your certificate.

Create a free account or log in to track your progress and earn the certificate.

Lessons

1. 1
   What HTML is and how a page is structured

   The anatomy of an HTML document.

   ~15 min
2. 2
   Elements, attributes and nesting

   How tags are written and how they fit inside each other.

   ~20 min
3. 3
   Headings, paragraphs and text formatting

   Structure your writing so people and search engines understand it.

   ~15 min
4. 4
   Links and images

   Connect pages together and put pictures on them.

   ~20 min account needed
5. 5
   Lists and tables

   Present grouped items and real tabular data.

   ~20 min account needed
6. 6
   Forms and input types

   Collect information from your visitors.

   ~30 min account needed
7. 7
   Introduction to CSS

   Separate how a page looks from what it contains.

   ~15 min account needed
8. 8
   Selectors: how to target elements

   Aim your styles at exactly the right elements.

   ~25 min account needed
9. 9
   The box model: margin, border, padding

   Understand why elements are the size they are.

   ~25 min account needed
10. 10
    Flexbox layout

    Arrange items in a row or column, and space them properly.

    ~30 min account needed
11. 11
    Responsive design and media queries

    Make one page work on a phone, a tablet and a desktop.

    ~30 min account needed