lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter3Title

webIntroHtmlChapter4Title

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Sans"
      rel="stylesheet"
    />
  </head>
  <body>
    <h1>Heading Tag Display</h1>
    <p>Paragraph Tag Explanation</p>

    <ul>
      <li></li>
      <li>Banana</li>
      <li>Strawberry</li>
    </ul>

    <img src="https://picsum.photos/300" alt="Image displaying using the img tag" />

    <br/><br/>

    <a href="https://example.com">This is a hyperlink</a> using the a tag
  </body>
</html>

# body Tag

The `<body>` tag contains the actual contents displayed on a web page.

All web content that interacts with users should be located **inside the body tag**.

The following elements can be included within the `<body>` tag:

<br />

### Text Elements

Tags used to display text content on a webpage.

- `<h1>`, `<h2>` ... `<h6>`: 'h' stands for Heading, representing headings ranging from the largest (`h1`) to the smallest (`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, Audio

The following tags are used to display multimedia content on a webpage.

- `<img>`: A tag to display images

- `<video>`: A tag to display videos

- `<audio>`: A tag to display 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

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

<br />

### Links

- `<a>`: Creates a hyperlink that allows navigating 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 and type the highlighted parts of the code.