freeCodeCamp/guide/english/html/page-structure/index.md

---
title: Page Structure
---
## Page Structure

To create your pages in `HTML`, you need to know how to structure a page in `HTML`. Usually, the page structure follows the example below:

```HTML
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the Page</title>
  </head>
  <body>
    <!-- Content -->
  </body>
</html>
```
1. The `<!DOCTYPE html>` statement must always be the first to appear on an `HTML` page and tell the browser which version of the language is being used. In this case, we are working with `HTML5`.

1. The `<html>` and `</html>` tags tell the web browser where the `HTML` code starts and ends.

1. The `<head>` and `</head>` tags contains information about the website, e.g. style, meta-tags, etc.

1. The `<title>` and `</title>` tags tell the browser what the page title is. The title can be seen by identifying the tab in your internet browser. The text that is defined between these tags is also the text that is used as title by the search engines when they present the pages in the results of a search.

1. Between the `<body>` and `</ body>` tags the page content is placed, which is what is displayed in the browser.

### Changes in HTML5

#### Introduction of semantic tags
Instead of using `<div>` for every other container several semantic(these tags help screenreaders which are used by visually
impaired) tags such as `<header>` `<footer>`. So it is advisable to use these tags instead of generic `<div>`. 

#### More Information:
[HTML: Introduction](https://www.w3schools.com/html/html_intro.asp)
feat(guide): Import guide in to the client app 2018-10-04 14:47:55 +01:00			`---`
			`title: Page Structure`
			`---`
			`## Page Structure`

Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown 2018-10-16 03:13:47 +02:00			To create your pages in `HTML`, you need to know how to structure a page in `HTML`. Usually, the page structure follows the example below:
feat(guide): Import guide in to the client app 2018-10-04 14:47:55 +01:00
			```HTML
			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>Title of the Page</title>`
			`</head>`
			`<body>`
			`<!-- Content -->`
			`</body>`
			`</html>`
			```
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown 2018-10-16 03:13:47 +02:00			1. The `<!DOCTYPE html>` statement must always be the first to appear on an `HTML` page and tell the browser which version of the language is being used. In this case, we are working with `HTML5`.
feat(guide): Import guide in to the client app 2018-10-04 14:47:55 +01:00
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown 2018-10-16 03:13:47 +02:00			1. The `<html>` and `</html>` tags tell the web browser where the `HTML` code starts and ends.
feat(guide): Import guide in to the client app 2018-10-04 14:47:55 +01:00
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown 2018-10-16 03:13:47 +02:00			1. The `<head>` and `</head>` tags contains information about the website, e.g. style, meta-tags, etc.
feat(guide): Import guide in to the client app 2018-10-04 14:47:55 +01:00
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown 2018-10-16 03:13:47 +02:00			1. The `<title>` and `</title>` tags tell the browser what the page title is. The title can be seen by identifying the tab in your internet browser. The text that is defined between these tags is also the text that is used as title by the search engines when they present the pages in the results of a search.
feat(guide): Import guide in to the client app 2018-10-04 14:47:55 +01:00
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown 2018-10-16 03:13:47 +02:00			1. Between the `<body>` and `</ body>` tags the page content is placed, which is what is displayed in the browser.
feat(guide): Import guide in to the client app 2018-10-04 14:47:55 +01:00
fix(guide): update latest copy from guide repo 2018-10-12 04:30:38 +05:30			`### Changes in HTML5`

			`#### Introduction of semantic tags`
			Instead of using `<div>` for every other container several semantic(these tags help screenreaders which are used by visually
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown 2018-10-16 03:13:47 +02:00			impaired) tags such as `<header>` `<footer>`. So it is advisable to use these tags instead of generic `<div>`.
feat(guide): Import guide in to the client app 2018-10-04 14:47:55 +01:00
			`#### More Information:`
			`[HTML: Introduction](https://www.w3schools.com/html/html_intro.asp)`