Web Page Structure

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...Loading...
  1. Web Page Structure
  2. Separate Structure from Style When Making Web Pages
  3. Web Page Structure and Sectioning
  4. Create Hyperlinks from Page to Page Within Your Web Site
  5. Using Relative and Absolute Hyperlinks and Paths


There are two key sections of a web page: head and body.

The head section is marked up with a set of <head>…</head> tags. Content in the head section of a page is not directly seen on the web page by the users, but it does contain a lot of useful information about the page:

  • title of the page
  • web page description
  • references to external or internal styles for the look and layout of the page
  • references to external or internal scripts for the interactions of the page

The body section is marked up with a set of <body>…</body> tags. Content in the body section of a page is what the user sees on the published web page:

  • headlines, paragraphs, and other text content
  • images, figures, tables, and charts
  • lists, hyperlinks, navigation menus

Within the body section of the page, it may also be structured into smaller, more specific parts:

  • main content areas and sidebars
  • sections for specific purposes, such as navigation, summaries, and galleries
  • headers (containing logos and site titles) and footers (containing copyright info and secondary navigation)

Add Comment