Mark up Structures

The point of mark up structures is to create an easy template to work with and be easy to set out the tags

Generally websites have a structure like this

Header this is usually at the top, this contains the title of the page and logo, this is to let people know what the website is about and who own it.

navigation bar that goes across the page or down the side, it can also be part of the header this lets people go to each page that is linked to the bar

Main content column which generally contains the main content of the page.

side bars that have content that is generally relative to the content on the page.

Footer it goes across the bottom of the page and has information like copyright, contact details, links on the site.

like this for example

This website can be broken into 6 different parts all which will be divided into there own section with the

tag

The 6 different sections are the header, navigation menu, main content, two different sidebars and the footer, when we highlight each part of the website we can see each part and the space it takes up

 

This example was sourced from http://www.w3.org/wiki/HTML_structural_elements

This makes it simple to understand how many different sections you need for the website.

Our task to practice laying out mark up structures with the example website.