CODING FACTORY

Kategorie: HTML-Kurs

Drei Webseiten, die in einer Abbildung durch Pfeile miteinander verbunden sind

HTML-Kurs / Eine kleine Website mit mehreren Seiten erstellen

Erstellen Sie eine Startseite, eine Über-uns-Seite und eine Kontaktseite mit gemeinsamer Navigation und eigenen Metadaten. Prüfen Sie relative Links, aktuelle Menüpunkte und ein Kontaktformular, das ausschließlich der Eingabeübung dient.
Abbildung eines im Internet geprüften Dokuments mit einer Lupe und einer Checkliste

HTML-Kurs / Fehler finden und HTML-Dokumente validieren

Finden Sie HTML-Fehler mit dem Nu HTML Checker und unterscheiden Sie Syntaxprüfung und Browserverhalten. Vergleichen Sie eine doppelte ID mit ihrer Korrektur und prüfen Sie die Zuordnung der Beschriftungen.
Illustration einer Webseite mit sichtbarem Fokus, einem Barrierefreiheitssymbol und einer Person im Rollstuhl

HTML-Kurs / Barrierefreiheit: Überschriften, Links, Bilder und Tastatur

Überprüfen Sie die Bedeutung und die Tastaturnutzung von Überschriften, Links, Bildern und Formularen. Üben Sie manuelle Tests auf einer kleinen Seite mit einem Sprung-Link, persistenten Feldanweisungen und sichtbarem Fokus.
Zwei aufklappbare Tafeln, eine geschlossen und die andere geöffnet, in einer Illustration

HTML-Kurs / Aufklappbare Inhalte mit details und summary erstellen

Erstellen Sie einen über die Tastatur zugänglichen aufklappbaren Inhalt mit den Elementen details und summary und entscheiden Sie, ob er zu Beginn geöffnet sein soll oder den Inhalt direkt anzeigen soll.
Eine Audio-Welle und ein leeres Video-Display nebeneinander dargestellt

HTML-Kurs / Audio, Video und externe Inhalte einbetten

Verwenden Sie Audio, Video, iframe, Untertitel und alternative Links korrekt. Responsive CSS und eine lokale iframe-Übung helfen, Pfade, Seitenverhältnisse und Layout auf einem schmalen Bildschirm zu überprüfen.
Illustration eines Webdokuments mit einem Titel, Beschreibungszeilen und einem Globus

HTML-Kurs / Seitentitel, Beschreibung, Sprache und Zeichenkodierung festlegen

Legen Sie Seitentitel, Meta-Beschreibung, Dokumentsprache und Zeichenkodierung an der richtigen Stelle fest. Prüfen Sie UTF-8-Dateien, Server-Header und das Ansichtsfenster auf mobilen Geräten.
Abbildung von zwei Formularfeldern mit unterschiedlichen Beschriftungen und klaren Linien, die die Platzhaltertexte darstellen

HTML-Kurs / Eingabehinweise mit placeholder ergänzen

Erlernen Sie, wie Sie Platzhalter in input- und textarea-Feldern in HTML hinzufügen, ohne sie mit Labels oder Anfangswerten zu verwechseln. Enthält ein vollständiges Formularbeispiel, Prüfungen für Pflichtfelder und eine Erklärung leerer Werte in den übermittelten Daten.
Darstellung von zwei Feldgruppen mit einer Legende und Auswahlmöglichkeiten

HTML-Kurs / Formulare mit fieldset, legend und autocomplete gliedern

Fassen Sie die Fragen mit fieldset, legend und unterschiedlichen Radio-Namen zusammen und beschreiben Sie die Ziele der Felder mit autocomplete. Testen Sie zwei unabhängige Gruppen und vergleichen Sie gängige AutoFill-Token.
Zwei Eingabefelder, die jeweils rot und grün umrandet sind

HTML-Kurs / Formulare prüfen: required, Textlänge und Wertebereiche

Wenden Sie die integrierten Einschränkungen vom Typ Pflichtfeld, Länge und numerisch an, testen Sie die Fehlerzustände und verstehen Sie, warum die Validierung auf der Serverseite weiterhin erforderlich ist.
Abbildung eines Formulars mit einem Textfeld, einer Auswahlliste und einem Button

HTML-Kurs / textarea, select, option und button verwenden

Vergleichen Sie, wie textarea, select, option und button die Werte behalten und sich verhalten. Ein vollständiges Formular zeigt die erforderliche Auswahl, die übermittelten Optionswerte und das Zurücksetzen, das die Anfangswerte wiederherstellt.