HTML - Versionsgeschichte

Thorsten: /* Multimedia */

2025-03-07T00:05:53Z

Multimedia

← Nächstältere Version		Version vom 7. März 2025, 00:05 Uhr
Zeile 41:		Zeile 41:
	* Einbetten von Videos <pre><video></pre>		* Einbetten von Videos <pre><video></pre>
	* Einbetten von Audio <pre><audio></pre>		* Einbetten von Audio <pre><audio></pre>
	* Verwendung von <pre><source></pre für verschiedene Formate		* Verwendung von <pre><source></pre> für verschiedene Formate

	=== Semantische HTML5-Tags ===		=== Semantische HTML5-Tags ===

Thorsten: // via Wikitext Extension for VSCode

2025-03-07T00:04:15Z

// via Wikitext Extension for VSCode

← Nächstältere Version		Version vom 7. März 2025, 00:04 Uhr
Zeile 9:		Zeile 9:

	=== Grundlegende HTML-Struktur ===		=== Grundlegende HTML-Struktur ===
	* <!DOCTYPE html>		<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 (<p>)		* Absätze <pre><p></pre>
	* Textformatierung (<b>, <i>, <u>, <strong>, <em>)		* Textformatierung <pre><b>, <i>, <u>, <strong>, <em></pre>

	=== Links und Bilder ===		=== Links und Bilder ===
	* Hyperlinks (<a>)		* Hyperlinks <pre><a></pre>
	* Bilder einfügen (<img>)		* Bilder einfügen <pre><img></pre>
	* Alt-Text für Bilder		* Alt-Text für Bilder

	=== Listen ===		=== Listen ===
	* Ungeordnete Listen (<ul>, <li>)		* Ungeordnete Listen <pre><ul>, <li></pre>
	* Geordnete Listen (<ol>, <li>)		* Geordnete Listen <pre><ol>, <li></pre>
	* Verschachtelte Listen		* Verschachtelte Listen

	=== Tabellen ===		=== Tabellen ===
	* Grundlegende Tabellenstruktur (<table>, <tr>, <td>)		* Grundlegende Tabellenstruktur <pre><table>, <tr>, <td></pre>
	* Tabellenüberschriften (<th>)		* Tabellenüberschriften <pre><th></pre>
	* Tabellenrahmen und -abstände		* Tabellenrahmen und -abstände

	=== Formulare ===		=== Formulare ===
	* Formularelemente (<form>, <input>, <textarea>, <button>)		* 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 (<video>)		* Einbetten von Videos <pre><video></pre>
	* Einbetten von Audio (<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

Thorsten: /* Textformatierung */

2025-03-06T23:57:47Z

Textformatierung

← Nächstältere Version		Version vom 6. März 2025, 23:57 Uhr
Zeile 14:		Zeile 14:

	=== Textformatierung ===		=== Textformatierung ===
	* Überschriften (<h1> bis <h6>)		* Überschriften <h1> bis <h6>
	* Absätze (<p>)		* Absätze (<p>)
	* Textformatierung (<b>, <i>, <u>, <strong>, <em>)		* Textformatierung (<b>, <i>, <u>, <strong>, <em>)

Thorsten: // via Wikitext Extension for VSCode

2025-03-06T23:55:29Z

// via Wikitext Extension for VSCode

← Nächstältere Version		Version vom 6. März 2025, 23:55 Uhr
Zeile 1:		Zeile 1:
	Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).		Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).

	== ~~Einführung in~~ HTML ==		== Lernplan für HTML5 und HTML ==
	HTML (HyperText Markup Language) ist die Standard-Auszeichnungssprache für Dokumente, die im Web angezeigt werden sollen. HTML beschreibt die Struktur einer Webseite und besteht aus einer Reihe von Elementen, die durch Tags dargestellt werden.

	== ~~Grundlegende HTML-Struktur~~ ==		=== Einführung ===
	~~Ein~~ HTML~~-Dokument hat eine grundlegende Struktur, die aus den folgenden Teilen besteht: Doctype-Deklaration,~~ HTML~~-Tag, Kopfbereich~~ und ~~Körperbereich.~~		* Was ist HTML?
			* Geschichte von HTML
			* Unterschiede zwischen HTML und HTML5

	== ~~Textformatierung~~ ==		=== Grundlegende HTML-Struktur ===
	~~HTML bietet verschiedene Tags zur Textformatierung~~, ~~wie z.B. für fetten~~, ~~kursiven~~ und ~~unterstrichenen Text.~~		* <!DOCTYPE html>
			* <html>, <head>, <body>
			* Meta-Tags und ihre Bedeutung

	== ~~Links und Bilder~~ ==		=== Textformatierung ===
	~~Links und Bilder sind wesentliche Bestandteile einer Webseite. Links werden mit dem~~ <~~code~~>~~<a>~~<~~/code~~>~~-Tag erstellt und Bilder mit dem~~ <~~code~~>~~<img>~~<~~/code~~>~~-Tag eingefügt.~~		* Überschriften (<h1> bis <h6>)
			* Absätze (<p>)
			* Textformatierung (<b>, <i>, <u>, <strong>, <em>)

	== ~~Listen~~ ==		=== Links und Bilder ===
	~~HTML unterstützt geordnete und ungeordnete Listen, die mit den Tags~~ <~~code~~>~~<ul>~~<~~/code~~> ~~und <code><ol></code> erstellt werden.~~		* Hyperlinks (<a>)
			* Bilder einfügen (<img>)
			* Alt-Text für Bilder

	== ~~Tabellen~~ ==		=== Listen ===
	~~Tabellen werden mit dem~~ <~~code~~>~~<table></code>-Tag erstellt und enthalten Zeilen und Zellen~~, ~~die mit~~ <~~code~~>~~<tr>~~<~~/code~~> ~~und~~ <~~code~~>~~<td></code> definiert werden.~~		* Ungeordnete Listen (<ul>, <li>)
			* Geordnete Listen (<ol>, <li>)
			* Verschachtelte Listen

	== ~~Formulare~~ ==		=== Tabellen ===
	~~Formulare ermöglichen die Eingabe von Daten durch den Benutzer und werden mit dem~~ <~~code~~>~~<form>~~<~~/code~~>-~~Tag erstellt.~~		* Grundlegende Tabellenstruktur (<table>, <tr>, <td>)
			* Tabellenüberschriften (<th>)
			* Tabellenrahmen und -abstände

	== ~~Multimedia~~ ==		=== Formulare ===
	~~HTML unterstützt die Einbindung von Multimedia-Inhalten wie Audio und Video, die mit den Tags~~ <~~code~~>~~<audio>~~<~~/code~~> ~~und~~ <~~code~~>~~<video>~~<~~/code~~> ~~eingefügt werden~~.		* Formularelemente (<form>, <input>, <textarea>, <button>)
			* Formularattribute (action, method)
			* Verschiedene Eingabetypen (text, password, email, etc.)

	== ~~HTML5-Neuerungen~~ ==		=== Multimedia ===
	~~HTML5 bringt viele neue Elemente und APIs mit sich, wie~~ <~~code~~>~~<article>~~<~~/code~~>~~, <code><section></code>, <code><canvas></code> und <code><video>~~<~~/code~~>.		* Einbetten von Videos (<video>)
			* Einbetten von Audio (<audio>)
			* Verwendung von <source> für verschiedene Formate

	== Best Practices ==		=== Semantische HTML5-Tags ===
	~~Einige Best Practices für~~ HTML ~~umfassen die Verwendung semantischer Tags, die Validierung des~~ HTML-~~Codes~~ und ~~die Optimierung~~ der ~~Webseiten-Performance.~~		* 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

	Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).		Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).

Thorsten: // via Wikitext Extension for VSCode

2025-03-06T23:50:21Z

// via Wikitext Extension for VSCode

Neue Seite

Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).

== Einführung in HTML ==
HTML (HyperText Markup Language) ist die Standard-Auszeichnungssprache für Dokumente, die im Web angezeigt werden sollen. HTML beschreibt die Struktur einer Webseite und besteht aus einer Reihe von Elementen, die durch Tags dargestellt werden.

== Grundlegende HTML-Struktur ==
Ein HTML-Dokument hat eine grundlegende Struktur, die aus den folgenden Teilen besteht: Doctype-Deklaration, HTML-Tag, Kopfbereich und Körperbereich.

== Textformatierung ==
HTML bietet verschiedene Tags zur Textformatierung, wie z.B. für fetten, kursiven und unterstrichenen Text.

== Links und Bilder ==
Links und Bilder sind wesentliche Bestandteile einer Webseite. Links werden mit dem <code><a></code>-Tag erstellt und Bilder mit dem <code><img></code>-Tag eingefügt.

== Listen ==
HTML unterstützt geordnete und ungeordnete Listen, die mit den Tags <code><ul></code> und <code><ol></code> erstellt werden.

== Tabellen ==
Tabellen werden mit dem <code><table></code>-Tag erstellt und enthalten Zeilen und Zellen, die mit <code><tr></code> und <code><td></code> definiert werden.

== Formulare ==
Formulare ermöglichen die Eingabe von Daten durch den Benutzer und werden mit dem <code><form></code>-Tag erstellt.

== Multimedia ==
HTML unterstützt die Einbindung von Multimedia-Inhalten wie Audio und Video, die mit den Tags <code><audio></code> und <code><video></code> eingefügt werden.

== HTML5-Neuerungen ==
HTML5 bringt viele neue Elemente und APIs mit sich, wie <code><article></code>, <code><section></code>, <code><canvas></code> und <code><video></code>.

== Best Practices ==
Einige Best Practices für HTML umfassen die Verwendung semantischer Tags, die Validierung des HTML-Codes und die Optimierung der Webseiten-Performance.

Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).