HTML: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
// via Wikitext Extension for VSCode |
|||
| Zeile 7: | Zeile 7: | ||
=== Grundlegende HTML-Struktur === | === Grundlegende HTML-Struktur === | ||
<pre><!DOCTYPE html></pre> | |||
* <html>, <head>, <body> | * <pre><html>, <head>, <body></pre> | ||
* Meta-Tags und ihre Bedeutung | * Meta-Tags und ihre Bedeutung | ||
=== Textformatierung === | === Textformatierung === | ||
* Überschriften <h1> bis <h6> | * Überschriften <pre><h1> bis <h6></pre> | ||
* Absätze | * Absätze <pre><p></pre> | ||
* Textformatierung | * Textformatierung <pre><b>, <i>, <u>, <strong>, <em></pre> | ||
=== Links und Bilder === | === Links und Bilder === | ||
* Hyperlinks | * Hyperlinks <pre><a></pre> | ||
* Bilder einfügen | * Bilder einfügen <pre><img></pre> | ||
* Alt-Text für Bilder | * Alt-Text für Bilder | ||
=== Listen === | === Listen === | ||
* Ungeordnete Listen | * Ungeordnete Listen <pre><ul>, <li></pre> | ||
* Geordnete Listen | * Geordnete Listen <pre><ol>, <li></pre> | ||
* Verschachtelte Listen | * Verschachtelte Listen | ||
=== Tabellen === | === Tabellen === | ||
* Grundlegende Tabellenstruktur | * Grundlegende Tabellenstruktur <pre><table>, <tr>, <td></pre> | ||
* Tabellenüberschriften | * Tabellenüberschriften <pre><th></pre> | ||
* Tabellenrahmen und -abstände | * Tabellenrahmen und -abstände | ||
=== Formulare === | === Formulare === | ||
* Formularelemente | * Formularelemente <pre><form>, <input>, <textarea>, <button></pre> | ||
* Formularattribute (action, method) | * Formularattribute (action, method) | ||
* Verschiedene Eingabetypen (text, password, email, etc.) | * Verschiedene Eingabetypen (text, password, email, etc.) | ||
=== Multimedia === | === Multimedia === | ||
* Einbetten von Videos | * Einbetten von Videos <pre><video></pre> | ||
* Einbetten von Audio | * Einbetten von Audio <pre><audio></pre> | ||
* Verwendung von <source> für verschiedene Formate | * Verwendung von <pre><source></pre für verschiedene Formate | ||
=== Semantische HTML5-Tags === | === Semantische HTML5-Tags === | ||
* Bedeutung und Verwendung von <header>, <footer>, <article>, <section>, <nav>, <aside> | * Bedeutung und Verwendung von <pre><header>, <footer>, <article>, <section>, <nav>, <aside></pre> | ||
* Vorteile semantischer Tags für SEO und Barrierefreiheit | * Vorteile semantischer Tags für SEO und Barrierefreiheit | ||