HTML tutorial

The structure of every web page: headings, paragraphs, links and images.

10 lessons

1. What is HTML?(completed)

   HTML is the language that gives a web page its structure. Write your first page in two minutes.

   Practice: 2 exercises and 3-question quiz

2. HTML elements(completed)

   Learn how start tags, end tags and content combine into elements, and how elements fit inside each other.

   Practice: 3 exercises and 3-question quiz

3. Headings and paragraphs(completed)

   Use h1 to h6 to outline your page, and p for blocks of text.

   Practice: 2 exercises and 3-question quiz

4. Links and images(completed)

   Connect pages with the a element and show pictures with img, using attributes to add the details.

   Practice: 3 exercises and 3-question quiz

5. Lists(completed)

   Group items with ul for bullet points and ol for numbered steps.

   Practice: 3 exercises and 3-question quiz

6. Tables(completed)

   Show data in rows and columns with table, tr, th and td.

   Practice: 3 exercises and 3-question quiz

7. Forms(completed)

   Collect input from visitors with form, input, label and button.

   Practice: 3 exercises and 3-question quiz

8. Block and inline, div and span(completed)

   Learn how block and inline elements behave, and when to reach for the generic div and span.

   Practice: 2 exercises and 3-question quiz

9. Page structure with semantic elements(completed)

   Use header, nav, main, article, section and footer so browsers, screen readers and search engines understand your page.

   Practice: 3 exercises and 3-question quiz

10. The head and meta tags(completed)

    Set the character encoding, make your page fit phone screens, and describe it for search engines.

    Practice: 3 exercises and 3-question quiz