# Aufgabe 1:
```html
<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <title>1. Testwebseite</title>
    </head>

    <body>
        <h1> 1. Überschrift </h1>
        <h2> 2. Überschrift </h2>
        <h3> 3. Überschrift </h3>
        <h4> 4. Überschrift </h4>
        <h5> 5. Überschrift </h5>
        <h6> 6. Überschrift </h6>
    </body>
```

# Aufgabe 2:

## Beispiel 1:
```html
<h1>Willkommen<h1>  <!--Variante A -->
<h1>Willkommen</h1> <!--Variante B -->
```
Antwort: Variante A ist falsch, da der 2. \<h1> tag kein schließender Tag ist.

## Beispiel 2:
```html
<p>Dies ist ein Absatz.</p> <!--Variante A -->
<p>Dies ist ein Absatz.     <!--Variante B -->
``` 
Antwort: Variante B ist falsch, da der End Tag fehlt.

## Beispiel 3:
```html
<img src="bild.jpg" alt="Beschreibung"> <!--Variante A -->
<img>bild.jpg</img>                     <!--Variante B -->
```
Antwort: Variante B ist falsch, da die Attribute für den <img> Tag nicht verwendet wurden.

## Beispiel 4:
### Variante A:
```html
<ul>
  <li>Erster Punkt
  <li>Zweiter Punkt
</ul>
```

### Variante B:
```html
<ul>
  <li>Erster Punkt</li>
  <li>Zweiter Punkt</li>
</ul>
```
Antwort: Variante A ist falsch, da die schließenden Tags für die entsprechenden Listeneinträge fehlen.

## Beispiel 5:
### Variante A:
```html
<a "https://example.com">Zur Website</a>
```

### Variante B:
```html
<a href="https://example.com">Zur Website</a>
```
Antwort: Variante A ist falsch, da das "href" Attribut nicht gesetzt worden ist.

## Beispiel 6:
### Variante A:
```html
<a href="#kontakt">Zum Kontaktbereich springen</a>
...
<h2 id="kontakt">Kontakt</h2>
```

### Variante B:
```html
<a href="kontakt">Zum Kontaktbereich springen</a>
...
<h2 id="kontakt">Kontakt</h2>
```
Antwort: Variante A ist falsch, da der "href" Attributwert keine Raute enthält.