Übersicht HTML-Themen
HTML baut Texte auf
- Text-Strukturen schaffen
- Überschrift 1 <h1>
- Überschrift 2 <h2>
- Überschrift 3 <h3>
- Absatz <p>
- Zeilenumbruch <br>
- Starke Betonung <strong>
- Ungeordnete Liste <ul>
- Geordnete Liste <ol>
- Quiz "Aufbau von HTML-Texten"
- HTML-Text Werkstatt
Seiten-Bereiche
- Übersicht Bereiche
- Kopfbereich <header>
- Navigation <nav>
- Hauptbereich <main>
- Fussbereich <footer>
- Universal-Tag <div>
- Quiz "Seiten-Bereiche"
Links setzen
- Was sind eigentlich Links?
- <link> ≠ "link"
- Link <a>
- href-Attribut
- Link öffnet neuen Tab
- Bild wird Link, <img> im <a>
- Mailto Link
- Telefon Link
- Quiz "Links"
Medien einbetten
- Grundlagen Medien-Dateien
- src-Attribut
- Bitmap-Bild <img>
- Vektor-Bild <svg>
- SVG Spielplatz
- Video <video>
- Video Poster
- Video mit <iframe> einbetten
- Audio <audio>
- Medien Formate
- Quiz "Medien einbetten"
HTML-Tabellen
- Tabellen Startseite
- Tabelle <table>
- Zeile <tr>
- Zelle <td>
- Kopfzelle <th>
- Zellen verbinden mit colspan
- Zellen verbinden mit rowspan
- Quiz "HTML-Tabellen"
HTML Gerüste
- Gerüste Startseite
- Minimales Grundgerüst
- DTD
- <html>
- <head>
- <body>
- Grundgerüst mit CSS
- Erweitertes Grundgerüst
- Quiz "Tags für HTML-Gerüste"
Metadaten im Kopf
- Tags im <head>
- Title-Tag <title>
- <meta> charset
- <meta> viewport
- <meta> description
- <meta> keywords
- Quiz "Die Tags im <head>"