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 the web page.

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

The following elements can be included inside the `<body>` tag.

<br />

### Text Elements

These are the tags used to display textual content on the webpage.

- `<h1>`, `<h2>` ... `<h6>`: h stands for Heading, and you can express from the largest heading h1 to the smallest heading h6.

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

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

<br />

### Images, Videos, Audios

To display multimedia content on a webpage, use the following tags.

- `<img>`: A tag that displays an image

- `<video>`: A tag that displays a video

- `<audio>`: A tag that plays 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

Displays ordered and unordered lists on the webpage.

- `<ul>`: Unordered List

- `<ol>`: Ordered List

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

```html title="ul, li Tags"
<body>
  
  <ul>
    <li>Apple</li>
    <li>Banana</li>
  </ul>
</body>
```

<br />

### Links

- `<a>`: Creates a hyperlink that allows you to navigate to another page or website.

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

<br />

## Practice

Follow the highlighted portions of the code and type them in to practice.

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

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

body Tag

Text Elements

Images, Videos, Audios

Lists

Links

Practice

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

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