Summary  
This chapter covers the standard HTML5 document structure, detailing the roles of the `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` elements for organizing metadata and page content.  

General domain of usage  
Web development

Every HTML page follows the same basic structure. It defines how the browser should understand and display the content.

Here is a simple example of an HTML document:
```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first web page.</p>
  </body>
</html>
```

## Main Parts of the Document
1. `<!DOCTYPE html>`: tells the browser to use the modern `HTML5` standard;
2. `<html>`: the root element. Everything on the page is placed inside this tag;
3. `<head>`: contains information about the page that is not visible to users. Common elements:
   - `<title>`: sets the name of the browser tab;
   - `<meta charset="UTF-8">`: ensures text displays correctly.
4. `<body>`: contains everything users see on the page:
   - text;
   - images;
   - links;
   - buttons.

### How to Think About It
`<head>` → page settings. `<body>` → page content.

You don't need to memorize everything yet. Focus on recognizing the structure. You'll use it in every HTML file.

Note

Build structured web pages using HTML elements and semantic layout. Work with text, links, images, tables, and forms to create real content. Learn how to organize and structure complete web pages from scratch.

Basic HTML Document Structure

Main Parts of the Document

How to Think About It