lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

pythonIntroCrawlingChapter1Title

pythonIntroCrawlingChapter2Title

pythonIntroCrawlingChapter3Title

pythonIntroCrawlingChapter4Title

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <header>
        <h1>Fill in the blank 🙂</h1>
        <p>Header</p>
    </header>
    <nav>
        <ul>
            <li>Home</li>
            <li>About</li>
            <li>Contact</li>
        </ul>
    </nav>
    <section>
        <h2>Welcome!</h2>
        <p>Check out the basic structure of a website.</p>
    </section>
    <footer>
        <p>&copy; Footer</p>
        <a href="https://example.com/">Go to External Page</a>
    </footer>
</body>
</html>

# Fundamentals of Web Crawling in HTML

`HTML (HyperText Markup Language)` defines the **backbone** of a web page and serves as a markup language for structuring content.

A markup language is a system for defining the structure and content of a document.

<br />

## Basic Structure of HTML

An HTML document consists of **tags** enclosed in angle brackets (`< >`).

A tag typically includes a start tag (`<tag>`) and an end tag (`</tag>`), with content placed between these tags.

For example, the `<h1>` tag represents a heading, and is closed with a `/`, like this: `</h1>`.

An HTML document consists of **elements**, which are units made up of tags and content.

For instance, `<h1>Title</h1>` is an element where the text "Title" is enclosed within an `<h1>` tag.

The basic structure of an HTML document is as follows:

```html title="Basic HTML Structure"
<!DOCTYPE html>
<html>
  
  <head>
    <title>Page Title</title>
  </head>
  
  <body>
    <h1>Heading Element</h1>
    <p>Paragraph Element</p>
  </body>
</html>
```

- `<!DOCTYPE html>`: Defines the version of the HTML document, indicating that it is an HTML5 document.

- `<html>`: The root element of the HTML document that includes all HTML elements.

- `<head>`: Contains the document's metadata (title, description, styles, etc.).

- `<title>`: Defines the page title displayed on the browser tab.

- `<body>`: Encloses the content of the web page.

- `<h1>`, `<p>`, etc.: Various HTML elements represent different types of content such as headings, paragraphs, etc.

<br />

## Key HTML Tags

HTML includes a variety of tags, each representing specific types of content:

- `<h1>` to `<h6>`: Heading tags, where `<h1>` is the largest and `<h6>` is the smallest.

- `<p>`: Represents a paragraph.

- `<a>`: Creates a hyperlink that links to another web page.

- `<img>`: Embeds an image in the document.

- `<ul>`, `<ol>`, `<li>`: Define unordered lists `(<ul>)` and ordered lists `(<ol>)`, with `<li>` representing list items.

<br />

For more detailed information about HTML, check out the <a href="https://www.codefriends.net/courses/web-intro-html" target="_blank">Introduction to HTML Course</a>.

<br />

## Practice

Follow the sections highlighted in the code to fill in the blanks.