lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter3Title

webIntroHtmlChapter4Title

# body Tag

The `<body>` tag contains the content that is actually displayed on a web page.

All web content that interacts with the user must be located **inside the body tag**.

The `<body>` tag can include elements such as the following:

<br />

### Text Elements

Tags commonly used to display text content on a webpage are as follows:

- `<h1>`, `<h2>` ... `<h6>`: h stands for Heading, allowing representation from the largest heading h1 to the smallest heading h6.

- `<p>`: A tag representing a paragraph of text.

```html title="Displaying heading and paragraph"
<body>
  <h1>Welcome!</h1>
  <p>This is my first webpage.</p>
</body>
```

<br />

### Images, Videos, and Audio

Use the following tags to display multimedia content on a webpage.

- `<img>`: Tag for displaying images

- `<video>`: Tag for displaying videos

- `<audio>`: Tag for displaying audio

```html title="img, video, audio tags"
<body>
  <img src="myimage.jpg" alt="my photo" />
  <video src="myvideo.mp4" controls></video>
  <audio src="mysong.mp3" controls></audio>
</body>
```

<br />

### Lists

Display ordered or unordered lists on a webpage.

- `<ul>`: Unordered List

- `<ol>`: Ordered List

- `<li>`: List Item within a list

```html title="ul, li tags"
<body>
  
  <ul>
    <li>Apples</li>
    <li>Bananas</li>
  </ul>
</body>
```

<br />

### Links

The `<a>` tag creates a hyperlink that navigates to other pages or websites.

```html title="a tag"
<body>
  <a href="https://www.example.com">Go to example.com</a>
</body>
```

<br />

## Practice

Follow the highlighted parts of the code and type them out.

Unlike the `<head>` tag that contains the document's metadata, the `<body>` tag includes content visible to the user.

### The `<body>` tag contains content that is displayed on the screen.

body Tag

Text Elements

Images, Videos, and Audio

Lists

Links

Practice

The <body> tag contains content that is displayed on the screen.

The `<body>` tag contains content that is displayed on the screen.