<li>Die Seite muss aus <b>mindestens vier Dateien</b> bestehen, davon müssen mindestens <b>zwei HTML-Dateien</b> sein.</li>
<li>Die Seiten müssen <b>verlinkt</b> sein, d.h. dass sie entweder per Klick auf einen Link von den anderen Dateien aus aufrufbar sein müssen, oder direkt eingebunden sein (z.B. ein Bild).</li>
<li>Es müssen <b>Überschriften, Absätze und Listen</b> verwendet werden.</li>
<li>Es sollen einfache <b>CSS-Style</b> verwendet werden. Dazu gehören Farben, Schriften, Rahmen usw.</li>
<li>Für eine gute Bewertung: Der HTML-Code muss fehlerfrei sein. Das lässt sich leicht mit dem <ahref="https://validator.w3.org">W3 Validator</a> überprüfen. Wie das geht, steht <ahref="https://www.html-seminar.de/validieren-html-seite.htm">hier</a> genau erklärt.</li>
<li>Optional: Verwendet weitere Elemente (Videos, Tabellen, …) oder Stile (Hintergrundbilder). Wie das geht, findet ihr z.B. im Index von <ahref="https://wiki.selfhtml.org/">SelfHTML</a>. </li>
</ul>
<h2>Kurze Wiederholung</h2>
<h3>Die Grundstruktur</h3>
Die Grundstruktur einer HTML-Datei findet ihr im Verzeichnis "grundstruktur" unter dem Namen <ahref="grundstruktur/index.html">"index.html"</a>.
<h3>Absätze</h3>
<pre><p>Ein Text in einem Absatz.</p></pre>
<h3>Überschriften</h3>
Es gibt sechs verschiedene Überschriftenlevel von h1 bis h6. Dabei ist h1 die höchste (größte)
und h6 die niedrigste (kleinste).
<pre><h1>Text</h1></pre>
<h3>Textformat</h3>
<em>Kursiv</em>
<pre><em>Text</em></pre>
<strong>Fett</strong>
<pre><strong>Text</strong></pre>
<u>Unterstrichen</u>
<pre><u>Text</u></pre>
Fließtext für CSS-Stil
<pre><span>Text</span></pre>
Block für CSS-Stil
<pre><div>Text</div></pre>
<h3>Listen</h3>
Es gibt
<ul>
<li>unsortierte (ul, mit Punkten)
<pre>
<ul>
<li>erster</li>
<li>zweiter</li>
<li>dritter</li>
</ul></pre>
</li>
</ul>und
<ol>
<li>sortierte Listen (ol, mit Nummern).
<pre>
<ol>
<li>erster</li>
<li>zweiter</li>
<li>dritter</li>
</ol></pre></li>
</ol>
<h3>Bilder</h3>
Bilder fügt man mit dem Image-Tag (img) ein. Mit dem Attribut "src" gibt man die Quelle an. Das kann nur der Dateiname sein, wenn die Datei im selben Verzeichnis liegt, ein vollständiger Pfad, z.B. bilder/fotos/meinfoto.jpg, oder eine Internetadresse.
<pre><img src="apfelmus.jpg" alt="Ein beschreibender Text, der statt dem Bild angezeigt werden kann." /></pre>
<h3>
CSS
</h3>
Cascading Style Sheets stehen in einem Style-Tag im Kopfbereich (head) des Dokuments. Sie werden durch den Bezeichner des zu formatierenden Elements und einige Formatierungsanweisungen in geschweiften Klammern angegeben. Beispiel:
