12 files changed, 22 insertions, 101 deletions
diff --git a/files/de/learn/html/forms/index.html b/files/de/learn/html/forms/index.html
deleted file mode 100644
index b0d1e8eb58..0000000000
--- a/files/de/learn/html/forms/index.html
+++ /dev/null
@@ -1,90 +0,0 @@
----
-title: HTML forms
-slug: Learn/HTML/Forms
-tags:
-  - Anleitung
-  - Beginner
-  - Formular
-  - HTML
-  - Lernen
-  - Web
-translation_of: Learn/Forms
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Dieser Abschnitt bietet eine Reihe von Artikeln, die Dir helfen werden, HTML-Formulare zu meistern. HTML-Formulare sind sehr mächtige Werkzeuge, um mit Nutzern zu interagieren — am häufigsten werden sie benutzt, um Daten von Nutzern zu erheben oder um ihnen zu erlauben, eine Benutzerschnittstelle zu bedienen. Auch ist klar, dass wegen historischen und technischen Gründen es nicht immer offensichtlich ist, wie man diese volkommen effektiv nutzt. In dieser Anleitung werden wir alle Aspekte der HTML-Formulare abdecken, einschließlich das Auszeichnen ihrer HTML-Struktur, das Styling von Formelementen, das Validieren von Formulardaten und das Senden von Daten an den Server.</p>
-
-<h2 id="Voraussetzungen">Voraussetzungen</h2>
-
-<p>Vor dem Beginnen dieses Abschnitts, solltest du dich zumindest durch unsere <a href="https://developer.mozilla.org/de/docs/Learn/HTML/Einf%C3%BChrung_in_HTML">Einführung in HTML</a> durchgearbeitet haben. Zu diesem Zeitpunkt solltest die Grundleitfäden einfach zu verstehen finden und dazu fähig sein ,Gebrauch von unserer <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/The_native_form_widgets">Nativen-Formular-Komponenten-Anleitung</a> zu machen.</p>
-
-<p>Das Meistern von Formularen benötigt allerdings mehr als nur HTML-Kenntnisse — Du wirst auch einige spezielle Techniken zum Stylen von Formular-Komponenten lernen müssen. Daneben ist ein wenig Scripting-Wissen erforderliche, um Dinge wie Validierung und das erstellen eigener Formular-Komponenten zu erledigen. Daher würden wir empfehlen, dass du diese Seite zunächst verlässt, um ein wenig <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS">CSS</a> und <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/JavaScript">JavaScript</a> zu erlernen und danndie anderen Abschnitte durchliest.</p>
-
-<p>Der obenstehende Text ist ein guter Indikator, warum wir Web-Formulare in ein eigenständiges Modul gepackt haben anstatt Teile davon in die HTML, CSS, und JavaScript Themengebiete zu legen — Formularelemente sind komplexer als die meisten anderen HTML-Elemente und benötigen dazu eine enge Verbindung von CSS- und JavaScript-Techniken, um das meiste aus ihnen herauszuholen.</p>
-
-<div class="note">
-<p><strong>Notiz</strong>: Wenn du auf einem Computer/Tablet/anderem Gerät arbeitest, wo du nicht die Möglichkeit hast, eigene Dateien zu erstellen, kannst du (die meisten) Code-Beispiele in einem Online-Coding-Programm, wie <a href="http://jsbin.com/">JSBin</a> oder <a href="https://glitch.com/">Glitch</a> nutzen.</p>
-</div>
-
-<h2 id="Grundlagen">Grundlagen</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/HTML/Forms/Your_first_HTML_form" style="">Dein erstes HTML-Formular</a></dt>
-</dl>
-
-<dl>
- <dd>Der erste Artikel in unserer Reihe bietet Dir deine erste Erfarung, ein HTML-Formular zu erstellen, was das einfache Designen eines Formulars, Einbinden mit den richtigen HTML-Element, dezentes Styling mit CSS und Weitergabe der Daten zu einem Server mit einschließt.</dd>
- <dt><a href="/en-US/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">Wie man ein HTML-Formular strukturiert</a></dt>
- <dd>Nach dem Abhandeln der Grundlagen, können wir jetzt mehr detalliert in die Elemente, die Struktur bieten, hereingucken und die Bedeutung verschiedener Teile des Formulars verstehen.</dd>
-</dl>
-
-<h2 id="Die_verschiedenen_Formular-Komponeneten">Die verschiedenen Formular-Komponeneten</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/HTML/Forms/The_native_form_widgets">Die nativen Formular-Komponenten</a></dt>
- <dd>Wir gucken jetzt auf die Funktionalität der verschiedenen {{htmlelement("input")}} Formular-Komponenten im Detail - Welche Optionen verfügbar sind, um verschiedene Dateitypen zu sammeln.</dd>
- <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types">Die HTML5 Eingabetypen</a></dt>
- <dd>Hier setzen wir unsere Vertiefung in das <code>&lt;input&gt;</code>-Element fort, schauen auf die verschiedenen zusätzlichen input-Typen, die mit der Veröffentlichung von HTML5 bereitgestellt wurden und die verschiedenen UI-Komponenten und die Verbesserung der Datenerhebung, welche sie ermöglichen. Zusätzlich schauen wir uns das {{htmlelement('output')}}-Element an.</dd>
- <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Forms/Other_form_controls">Andere Formular-Komponentent</a></dt>
- <dd>Next we take a look at all the non-<code>&lt;input&gt;</code> form controls and associated tools, such as {{htmlelement('select')}}, {{htmlelement('textarea')}}, {{htmlelement('meter')}}, and {{htmlelement('progress')}}.</dd>
-</dl>
-
-<h2 id="Form_styling_guides">Form styling guides</h2>
-
-<dl>
- <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Forms/Styling_web_forms">Stylen von Web-Formularen</a></dt>
- <dd>Dieser Artikel stellt eine Einführung in das Stylen von Formularen mit CSS bereit. Er beinhaltet Grundlagen, die Du vielleicht für einfache Styling-Aufgaben benötigen wirst.</dd>
- <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Forms/Advanced_form_styling">Fortgeschrittenes Stylen von Formularen</a></dt>
- <dd>Hier schauen wir uns einige fortgeschrittene Techniken zum Stylen von Formularen an, die benötigt werden, sobald einige der schwieriger zu stylende Formular-Elemente gehandhabt werden sollen.</dd>
- <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Forms/UI_pseudo-classes">UI pseudo-Klassen</a></dt>
- <dd>Eine Einführung in die UI pseudo-Klassen, die ermöglichen, dass HTML Formular-Komponenten auf Basis ihres aktuellen Status anvisiert werden können.</dd>
-</dl>
-
-<h2 id="Prüfen_und_Abschicken_von_Daten">Prüfen und Abschicken von Daten</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/HTML/Forms/Form_validation">Clientseitige Formulardaten-Validation</a></dt>
- <dd>Das Senden von Daten ist noch nicht genug - wir müssen auch prüfen, ob die Daten, die der Nutzer eingegeben hat, im korrektem Format sind, um sie erfolgreich verarbeiten zu können und diese unserer Anwendung nicht zerstören. Wir möchten dem Nutzer beim Ausfüllen der Daten helfen, und ihn nicht frustrieren, wenn er versucht unsere Anwendung zu nutzen. Formular-Validation hilft uns, diiese Ziele zu erreichen - Dieser Artikel erklärt Dir alles, was du wissen musst.</dd>
- <dt><a href="/en-US/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">Das Senden von Daten</a></dt>
- <dd>Dieser Artikel zeigt, was passiert, wenn ein Benutzer ein Formular abschickt — wohin gehen die Daten und wie werden diese genutzt, wenn diese dort angekommen sind? Wir gucken ebenfalls auf ein paar Sicherheitsbedenken, die mit dem Senden von Daten verbunden sind.</dd>
-</dl>
-
-<h2 id="Weiterführende_Anleitungen">Weiterführende Anleitungen</h2>
-
-<p>Die nachfolgenden Artikel sind nicht zwingend notwendig für den Lernpfad, aber sie erweisen sich als interessant und nützlich, wenn Du die obenstehenden Techniken gemeistert hast und mehr lernen möchtest.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/HTML/Forms/How_to_build_custom_form_widgets">Wie man eigene Formular-Komponenten baut</a></dt>
- <dd>Du wirst über ein paar Fälle stoßen, wo die nativen Formuar-Komponenten nicht das bieten, was Du brauchst, wie zum Beispiel aus Styling-Gründen oder Funktionalität. In diesen Fällen musst Du eventuell Deine eigenen Formular-Komponenten aus purem HTML bauen. Dieser Artikel erklärt, wie Du dies tun kannst und welchen Überlegungen Du Dir im Klaren sein musst - mit einem praktischen Fall-Beispiel.</dd>
- <dt><a href="/en-US/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript">Senden von Formularen mit JavaScript</a></dt>
- <dd>Dieser Artikel betrachtet Möglichkeiten, wie ein Formular genutzt werden kann, um eine HTTP-Anfrage zu erstellen und diese mit JavaScript versandt werden kann statt dem üblichen Formularversand. Es schaut auch auf die Gründe, warum Du dies machen wolltest und die Folgen davon. (Siehe auch Using FormData objects.)</dd>
- <dt><a href="/en-US/docs/Learn/HTML/Forms/HTML_forms_in_legacy_browsers">HTML-Formulare in veralteten Browsern</a></dt>
- <dd>Dieser Artikel beinhaltet das Erkennen von Features usw. Er sollte zum Artikel über das Testen von plattformunabhängigen Features umleiten, da der selbe Inhalt dort besser erklärt wird.</dd>
-</dl>
-
-<h2 id="Siehe_auch">Siehe auch</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/HTML/Element#Forms">HTML forms element reference</a></li>
- <li><a href="/en-US/docs/Web/HTML/Element/input">HTML &lt;input&gt; types reference</a></li>
-</ul>
diff --git a/files/de/learn/html/einführung_in_html/fortgeschrittene_textformatierung/index.html b/files/de/learn/html/introduction_to_html/advanced_text_formatting/index.html
index 1075d63f66..d8c21be264 100644
--- a/files/de/learn/html/einführung_in_html/fortgeschrittene_textformatierung/index.html
+++ b/files/de/learn/html/introduction_to_html/advanced_text_formatting/index.html
@@ -1,6 +1,6 @@
 ---
 title: Fortgeschrittene Textformatierung
-slug: Learn/HTML/Einführung_in_HTML/Fortgeschrittene_Textformatierung
+slug: Learn/HTML/Introduction_to_HTML/Advanced_text_formatting
 tags:
   - Abkürzungen
   - Beginner
@@ -11,6 +11,7 @@ tags:
   - Textformatierung
   - Zitate
 translation_of: Learn/HTML/Introduction_to_HTML/Advanced_text_formatting
+original_slug: Learn/HTML/Einführung_in_HTML/Fortgeschrittene_Textformatierung
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/einführung_in_html/erstellen_von_hyperlinks/index.html b/files/de/learn/html/introduction_to_html/creating_hyperlinks/index.html
index d27bf253a4..6f67a374bb 100644
--- a/files/de/learn/html/einführung_in_html/erstellen_von_hyperlinks/index.html
+++ b/files/de/learn/html/introduction_to_html/creating_hyperlinks/index.html
@@ -1,6 +1,6 @@
 ---
 title: Erstellen von Hyperlinks
-slug: Learn/HTML/Einführung_in_HTML/Erstellen_von_Hyperlinks
+slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
 tags:
   - Beginner
   - Guide
@@ -13,6 +13,7 @@ tags:
   - relativ
   - urls
 translation_of: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
+original_slug: Learn/HTML/Einführung_in_HTML/Erstellen_von_Hyperlinks
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/einführung_in_html/fehlersuche_in_html/index.html b/files/de/learn/html/introduction_to_html/debugging_html/index.html
index 3e3223016e..d430537d4e 100644
--- a/files/de/learn/html/einführung_in_html/fehlersuche_in_html/index.html
+++ b/files/de/learn/html/introduction_to_html/debugging_html/index.html
@@ -1,6 +1,6 @@
 ---
 title: Fehlersuche in HTML
-slug: Learn/HTML/Einführung_in_HTML/Fehlersuche_in_HTML
+slug: Learn/HTML/Introduction_to_HTML/Debugging_HTML
 tags:
   - Anfänger
   - Beginner
@@ -10,6 +10,7 @@ tags:
   - Validation
   - validator
 translation_of: Learn/HTML/Introduction_to_HTML/Debugging_HTML
+original_slug: Learn/HTML/Einführung_in_HTML/Fehlersuche_in_HTML
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/einführung_in_html/document_and_website_structure/index.html b/files/de/learn/html/introduction_to_html/document_and_website_structure/index.html
index 7b9ce1bae8..f2e53c49d3 100644
--- a/files/de/learn/html/einführung_in_html/document_and_website_structure/index.html
+++ b/files/de/learn/html/introduction_to_html/document_and_website_structure/index.html
@@ -1,6 +1,6 @@
 ---
 title: Struktur in die Webseite bringen
-slug: Learn/HTML/Einführung_in_HTML/Document_and_website_structure
+slug: Learn/HTML/Introduction_to_HTML/Document_and_website_structure
 tags:
   - Beginner
   - Guide
@@ -10,6 +10,7 @@ tags:
   - Sitemap
   - Struktur
 translation_of: Learn/HTML/Introduction_to_HTML/Document_and_website_structure
+original_slug: Learn/HTML/Einführung_in_HTML/Document_and_website_structure
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/einführung_in_html/lerne_html_kennen/index.html b/files/de/learn/html/introduction_to_html/getting_started/index.html
index 0f5354d5d2..1ee9d1214e 100644
--- a/files/de/learn/html/einführung_in_html/lerne_html_kennen/index.html
+++ b/files/de/learn/html/introduction_to_html/getting_started/index.html
@@ -1,6 +1,6 @@
 ---
 title: Lerne HTML kennen
-slug: Learn/HTML/Einführung_in_HTML/Lerne_HTML_kennen
+slug: Learn/HTML/Introduction_to_HTML/Getting_started
 tags:
   - Anfänger
   - Attribut
@@ -14,6 +14,7 @@ tags:
   - Modul
   - whitespace
 translation_of: Learn/HTML/Introduction_to_HTML/Getting_started
+original_slug: Learn/HTML/Einführung_in_HTML/Lerne_HTML_kennen
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/einführung_in_html/einfache_textformatierung_in_html/index.html b/files/de/learn/html/introduction_to_html/html_text_fundamentals/index.html
index dad40a05a9..7bc567dc92 100644
--- a/files/de/learn/html/einführung_in_html/einfache_textformatierung_in_html/index.html
+++ b/files/de/learn/html/introduction_to_html/html_text_fundamentals/index.html
@@ -1,6 +1,6 @@
 ---
 title: Einfache Textformatierung in HTML
-slug: Learn/HTML/Einführung_in_HTML/Einfache_Textformatierung_in_HTML
+slug: Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals
 tags:
   - Beginner
   - Einführung in HTML
@@ -12,6 +12,7 @@ tags:
   - Text formatieren
   - Überschriften
 translation_of: Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals
+original_slug: Learn/HTML/Einführung_in_HTML/Einfache_Textformatierung_in_HTML
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/einführung_in_html/index.html b/files/de/learn/html/introduction_to_html/index.html
index 73f46a2614..625b9e01f7 100644
--- a/files/de/learn/html/einführung_in_html/index.html
+++ b/files/de/learn/html/introduction_to_html/index.html
@@ -1,6 +1,6 @@
 ---
 title: Einführung in HTML
-slug: Learn/HTML/Einführung_in_HTML
+slug: Learn/HTML/Introduction_to_HTML
 tags:
   - Einführung in HTML
   - HTML
@@ -12,6 +12,7 @@ tags:
   - Textformatierung
   - head
 translation_of: Learn/HTML/Introduction_to_HTML
+original_slug: Learn/HTML/Einführung_in_HTML
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/einführung_in_html/marking_up_a_letter/index.html b/files/de/learn/html/introduction_to_html/marking_up_a_letter/index.html
index e2d3e9d636..ab291c955b 100644
--- a/files/de/learn/html/einführung_in_html/marking_up_a_letter/index.html
+++ b/files/de/learn/html/introduction_to_html/marking_up_a_letter/index.html
@@ -1,6 +1,6 @@
 ---
 title: Marking up a letter
-slug: Learn/HTML/Einführung_in_HTML/Marking_up_a_letter
+slug: Learn/HTML/Introduction_to_HTML/Marking_up_a_letter
 tags:
   - Anfänger
   - Brief
@@ -9,6 +9,7 @@ tags:
   - Text
   - head
 translation_of: Learn/HTML/Introduction_to_HTML/Marking_up_a_letter
+original_slug: Learn/HTML/Einführung_in_HTML/Marking_up_a_letter
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/einführung_in_html/structuring_a_page_of_content/index.html b/files/de/learn/html/introduction_to_html/structuring_a_page_of_content/index.html
index fc439ad60b..6f3e12ddb2 100644
--- a/files/de/learn/html/einführung_in_html/structuring_a_page_of_content/index.html
+++ b/files/de/learn/html/introduction_to_html/structuring_a_page_of_content/index.html
@@ -1,7 +1,8 @@
 ---
 title: Structuring a page of content
-slug: Learn/HTML/Einführung_in_HTML/Structuring_a_page_of_content
+slug: Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content
 translation_of: Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content
+original_slug: Learn/HTML/Einführung_in_HTML/Structuring_a_page_of_content
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/einführung_in_html/der_kopf_metadaten_in_html/index.html b/files/de/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
index f775774535..a4d67ac514 100644
--- a/files/de/learn/html/einführung_in_html/der_kopf_metadaten_in_html/index.html
+++ b/files/de/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
@@ -1,6 +1,6 @@
 ---
 title: Was gehört in den Kopf der HTML-Datei?
-slug: Learn/HTML/Einführung_in_HTML/Der_Kopf_Metadaten_in_HTML
+slug: Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML
 tags:
   - Anfänger
   - Beginner
@@ -14,6 +14,7 @@ tags:
   - head
   - lang
 translation_of: Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML
+original_slug: Learn/HTML/Einführung_in_HTML/Der_Kopf_Metadaten_in_HTML
 ---
 <div>{{LearnSidebar}}</div>
 
diff --git a/files/de/learn/html/tables/grund_tabelle_html/index.html b/files/de/learn/html/tables/basics/index.html
index a10e286570..b162ed291d 100644
--- a/files/de/learn/html/tables/grund_tabelle_html/index.html
+++ b/files/de/learn/html/tables/basics/index.html
@@ -1,7 +1,8 @@
 ---
 title: Grundtabellen in HTML
-slug: Learn/HTML/Tables/Grund_tabelle_HTML
+slug: Learn/HTML/Tables/Basics
 translation_of: Learn/HTML/Tables/Basics
+original_slug: Learn/HTML/Tables/Grund_tabelle_HTML
 ---
 <div>{{LearnSidebar}}</div>