HTML: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(// via Wikitext Extension for VSCode) |
|||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| 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 | * Ü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 | ||
Aktuelle Version vom 7. März 2025, 00:05 Uhr
Lernplan für HTML5 und HTML
Einführung
- Was ist HTML?
- Geschichte von HTML
- Unterschiede zwischen HTML und HTML5
Grundlegende HTML-Struktur
<!DOCTYPE html>
<html>, <head>, <body>
- Meta-Tags und ihre Bedeutung
Textformatierung
- Überschriften
<h1> bis <h6>
- Absätze
<p>
- Textformatierung
<b>, <i>, <u>, <strong>, <em>
Links und Bilder
- Hyperlinks
<a>
- Bilder einfügen
<img>
- Alt-Text für Bilder
Listen
- Ungeordnete Listen
<ul>, <li>
- Geordnete Listen
<ol>, <li>
- Verschachtelte Listen
Tabellen
- Grundlegende Tabellenstruktur
<table>, <tr>, <td>
- Tabellenüberschriften
<th>
- Tabellenrahmen und -abstände
Formulare
- Formularelemente
<form>, <input>, <textarea>, <button>
- Formularattribute (action, method)
- Verschiedene Eingabetypen (text, password, email, etc.)
Multimedia
- Einbetten von Videos
<video>
- Einbetten von Audio
<audio>
- Verwendung von
<source>
für verschiedene Formate
Semantische HTML5-Tags
- Bedeutung und Verwendung von
<header>, <footer>, <article>, <section>, <nav>, <aside>
- Vorteile semantischer Tags für SEO und Barrierefreiheit
HTML5 APIs
- Einführung in HTML5 APIs
- Canvas API
- Geolocation API
- Web Storage API
Best Practices
- Sauberer und valider HTML-Code
- Barrierefreiheit (Accessibility)
- SEO-freundliche HTML-Struktur
Weiterführende Ressourcen
- Offizielle HTML5-Spezifikation
- Online-Tutorials und Kurse
- Bücher und Dokumentationen
Abschluss
- Zusammenfassung der wichtigsten Punkte
- Nächste Schritte und weiterführende Lernpfade