HTML TutorialLesson 30Free preview

HTML Layout

This lesson is part of HTML · All levels

Summary

The modern page layout is composed of semantic elements such as <header>, <nav>, <section>, <article>, <aside>, and <footer> each of which holds a specific role. This structure makes pages easier to read by developers, search engines, and screen readers. With the help of CSS, each section can be arranged into a neat column or grid.

Key points

The semantic elements dividing the page: header, nav, play, section, side, footer
Each part has a clear role so the structure is easy to understand.
CSS sets the position and size of each part of the layout
A clear layout makes the browsing experience better

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.