1. Die ( !DOCTYPE html ) Deklaration sollte immer die erste Codezeile in Ihren HTML-Dateien sein. So weiß der Browser, welche HTML-Version zu erwarten ist.


2. Das ( html ) Element enthält Ihren gesamten HTML-Code.


3. Informationen zur Webseite, wie etwa der Titel, gehören in den Text ( head ) der Seite.


4. Sie können Ihrer Webseite einen Titel hinzufügen ( title ), indem Sie das Element im Kopf verwenden


5. Der Titel einer Webseite wird in der Registerkarte eines Browsers angezeigt.


6. Anker-Tags ( a ) werden zum Verlinken auf interne Seiten, externe Seiten oder Inhalte auf der gleichen Seite verwendet."


7. Sie können auf einer Webseite Abschnitte erstellen und mithilfe von Tags ( id ) zu ihnen springen, indem Sie den Elementen, zu denen Sie springen möchten, ( a ) hinzufügen. "


8. Leerzeichen zwischen HTML-Elementen tragen dazu bei, den Code leichter lesbar zu machen, ohne die Darstellung der Elemente im Browser zu verändern


9. Einrückungen tragen außerdem dazu bei, dass Code leichter lesbar ist. Sie machen Beziehungen sichtbarer.


10. Kommentare werden in HTML mit der folgenden Syntax geschrieben: ( !-- comment -- )

• Das ( table ) Element erstellt eine Tabelle.


• Das ( tr ) Element fügt einer Tabelle Zeilen hinzu."


• Um einer Zeile Daten hinzuzufügen, können Sie das ( td ) Element verwenden.


• Tabellenüberschriften verdeutlichen die Bedeutung von Daten. Überschriften werden mit dem ( th ) Element hinzugefügt.


• Mihilfe des Attributs können sich Tabellendaten über mehrere Spalten erstrecken ( colspan )


• Mithilfe des Attributs können sich Tabellendaten über mehrere Zeilen erstrecken ( rowspan )


• Tabellen können in drei Hauptabschnitte unterteilt werden: Kopf, Hauptteil und Fußzeile.


• Mit dem Element ( thead ) wird ein Tabellenkopf erzeugt.


• Mit dem Element ( tbody ) wird der Körper einer Tabelle erstellt.


• Mit dem Element ( tfoot ) wird der Fuß einer Tabelle erstellt.


• Alle CSS-Eigenschaften können auf Tabellen und ihre Daten angewendet werden.

Formulare

• Der Zweck besteht darin, ( form ) Benutzern die Eingabe und Übermittlung von Informationen zu ermöglichen.


• Das Attribut ( form, action ) bestimmt, wohin die Informationen des Formulars gehen.


• Das ( form, method ) Attribut bestimmt, wie die Informationen gesendet und verarbeitet werden.


• Um Felder hinzuzufügen, in die Benutzer Informationen eingeben können, verwenden wir das ( input ) Element und legen das ( type ) Attribut auf ein Feld unserer Wahl fest:


• Durch die Einstellung "text" wird ein einzeiliges Feld für die Texteingabe erstellt.


• Durch die Einstellung "password" wird ein einzeiliges Feld erstellt, das die Texteingabe zensiert.


• Durch die Einstellung "number" wird ein einzeiliges Feld für die Zahleingabe erstellt.


• Durch die Eingabe von "range" wird ein Schieberegler erstellt, mit dem Sie aus einem Zahlenbereich auswählen können.


• Durch die Einstellung "checkbox" wird ein einzelnes Kontrollkästchen erstellt, das mit anderen Kontrollkästchen gepaart werden kann.


• Durch die Einstellung "radio" wird ein Optionsfeld erstellt, das mit anderen Optionsfeldern gepaart werden kann.


• Wenn das Attribut ( type ) auf "text" gesetzt und hinzugefügt wird, wird das mit einem Element gepaart, wenn sie identisch sind.


• Durch die Einstellung "submit" wird eine Schaltfläche zum Senden erstellt.

• Ein ( select ) Element wird mit ( option ) Elementen gefüllt und rendert eine Dropdown-Listenauswahl.


• Ein ( datalist ) Element wird mit ( option ) Elementen gefüllt und dient zum ( input ) Durchsuchen von Auswahlmöglichkeiten.


• Ein ( textarea ) Element ist ein Texteingabefeld, das über einen angepassten Bereich verfügt.


• Wenn eine ( form ) übermittelt wird, werden die Felder, die Eingaben akzeptieren und die dieser Felder als Paare senden.

Formularvalidierung

• Clientseitige Validierungen finden im Browser statt, bevor Informationen an einen Server gesendet werden.


• Durch hinzufügen des "required" Attributs zu einem Eingabeelement wird überprüft, ob das Eingabefeld Informationen enthält.


• Durch die Zuweisung eines Wertes zum "min" Attribut eines Zahleneingabeelements wird ein akzeptabler Mindestwert validiert.


• Durch die Zuweisung eines Wertes zum "max" Attribut eines Zahleneingabeelements wird ein akzeptable Mindestanzahl an Zeichen überprüft.


• Durch die Zuweisung eines Wertes zum "minlength" Attribut eines Text-Eingabeelements wird eine akzeptable Mindestanzahlan Zeichen überprüft.


• Durch die Zuweisung eines Wertes zum "maxlength" Attribut eines Text-Eingabeelements wird eine akzeptable Maximalzahl an Zeichen überprüft.


• Durch die Zuweisung eines regulären Ausdrucks "pattern" wird die Eingabe mit dem bereitgestellten regulären Ausdruck abgeglichen.


• Wenn die Validierung fehlschlägt ( form ), erhält der Benutzer eine Nachricht mit der Begründung, dass die Anfrage ( form ) nicht übermittelt werden kann.

SEMANTIC HTML

• Semantisches HTML verleiht einer Seite Bedeutung durch bestimmte Elemente, die einen Kontext für den Inhalt zwischen den Tags bieten.


• Semantisches HTML ist ein moderner Standard und macht eine Webseite für Personen zugänglich, die zum Übersetzen der Webseite Bildschirmleseprogramme verwenden und verbessert die SEO Ihrer Webseite.


• Mit ( header ), ( nav ), ( main ) und ( footer ) erstellen Sie die Grundstruktur der Webseite.


• Mit ( section ) definiert man Elemente in einem Dokument, beispielsweise Kapitel, Überschriften oder andere Bereiche des Dokuments mit demselben Thema.


• ( article ) enthält Inhalte, die für sich allein genommen Sinn ergeben, wie etwa Artikel, Blogs, Kommentare usw.


• ( aside ) enthält Informationen, die mit einem Hauptinhalt in Zusammenhang stehen, aber für das Verständnis der dominanten Informationen nicht erforderlich sind.


• ( figure ) kapselt alle Arten von Medien.


• ( figcaption ) wird verwendet, um die Medien in ( figure ) zu beschreiben.


• Für Mediendateien werden die Elemente ( video ), ( embed ) und ( audio ) verwendet.