Parts of a Webpage

Most Webpages Include All These Elements

The academy Oscars Website
The Oscars Website. Image submitted for the HTML5 Design Gallery courtesy The Academy of MPAS

Webpages are like any other document. They are made up of several essential parts that all contribute to the larger whole. For webpages, these parts include images and videos, headlines, body content, navigation, and credits. Most webpages contain at least three of these elements, and many contain all five. Some webpages may have other areas as well, but these five are the most common.

Images and Videos

Images are a visual element of almost every webpage. They draw the eye and help direct readers to specific parts of the page. They can illustrate a point and provide additional context for the subject of the page. Videos do the same, adding an element of motion and sound to the presentation.

Most modern webpages have several high-quality images and videos to add interest to the site and inform the page visitors.

Headlines

After images, headlines or titles are the next most prominent element on most webpages. Most web designers use some form of typography to create headlines that are larger and more prominent than the surrounding text. Also, good SEO requires that you use the HTML headline tags <h1> through <h6> to represent the headlines in the HTML, as well as visually.

Well-designed headlines break up the text of a page, making it easier for visitors to read and process the content.

Body Content

Body content is the text that makes up the majority of your webpage. There is a saying in web design that "Content is King," which means content is the reason people come to your webpage. The layout of that content can help them read it more effectively. Constructing the text in paragraphs along with headers makes a webpage easy to read, while elements like lists and links make the text easier to skim. All of these parts fit together to create page content that your readers will comprehend and enjoy.

Navigation

Most webpages are not stand-alone pages; they are part of a larger structure — the website as a whole. So, navigation plays a crucial role for most webpages to keep customers on the site and reading other pages.

Webpages can also have internal navigation for especially long pages with lots of content. Navigation helps your readers stay oriented and makes it possible for them to find their way around the page and the site as a whole.

Credits

Credits on a webpage are the informational elements of a page that aren't content or navigation but provide details about the page. They include things like: the publication date, copyright information, privacy policy links, legal issues, and other information about the designers, writers, or owners of the webpage. Most webpages include this information at the bottom, but you can also include it in a sidebar or at the top if it fits with your design.