A web page, at the most basic level, is made up of different blocks of content: headings, paragraphs, links, lists, images, videos, etc. These elements can be grouped together thematically; a headline, some text, and an image making up a news story. By controlling the position, size, order, and spacing of the items inside each component, we can better convey their function and meaning.
This content is often further grouped into the layout of the page as a whole. We are going to look at how we can systematically lay out whole pages in the next chapter. In this chapter, ...