HTML: Semantic Elements & Landmarks

Wishlist Share

About Course

Write HTML that means something, not just HTML that looks right. This course explains semantic HTML, the main structural elements such as header, nav, main and footer, how they create landmarks for screen reader users, heading structure, and when to use button, a, lists and tables correctly.

Tutwoo is an independent learning provider. This course is general skills training based on official documentation. It is not an accredited qualification. Software behaviour can change between versions, so check the official documentation for the version you use.

What Will You Learn?

  • Choose HTML elements for their meaning rather than appearance Structure pages with header, nav, main, article, section, aside and footer Understand how landmarks and headings help assistive technology users Avoid “div soup” and common semantic mistakes

Course Content

Course Lessons

  • What semantic HTML means
  • Page structure and landmarks
  • Headings, lists and text-level meaning
  • Interactive elements, tables and common mistakes

Sources & Further Reading
The official guidance this course is based on.

Final Assessment

Student Ratings & Reviews

No Review Yet
No Review Yet

Want to receive push notifications for all major on-site activities?

✕