Die Strukturierung des Webs mit HTML

Bevor Sie mit diesem Thema beginnen, sollten Sie zumindest grundlegende Vertrautheit mit der Benutzung von Computern und der passiven Nutzung des Webs haben (d. h. einfach nur anschauen und Inhalte konsumieren). Sie sollten eine grundlegende Arbeitsumgebung eingerichtet haben, wie im Artikel Installation grundlegender Software beschrieben, und verstehen, wie man Dateien erstellt und verwaltet, wie im Leitfaden Umgang mit Dateien beschrieben — beides Teile unseres Moduls Erste Schritte mit dem Web für absolute Anfänger.

Es wird empfohlen, dass Sie Erste Schritte mit dem Web durcharbeiten, bevor Sie sich diesem Thema widmen. Das ist jedoch nicht absolut notwendig; vieles, was im Artikel HTML-Grundlagen behandelt wird, wird auch in unserem Modul Einführung in HTML behandelt, allerdings viel detaillierter.

Nachdem Sie HTML gelernt haben, können Sie mit fortgeschritteneren Themen weitermachen, wie zum Beispiel:

• CSS und wie es zur Gestaltung von HTML verwendet wird (z. B. Ändern Ihrer Textgröße und der verwendeten Schriftarten, Hinzufügen von Rahmen und Schlagschatten, Gestaltung Ihrer Seite mit mehreren Spalten, Hinzufügen von Animationen und anderen visuellen Effekten).
• JavaScript und wie es zur Hinzufügung dynamischer Funktionen zu Webseiten verwendet wird (zum Beispiel Ihren Standort ermitteln und auf einer Karte darstellen, Benutzeroberflächenelemente erscheinen/verschwinden lassen, wenn Sie einen Button umschalten, Benutzerdaten lokal auf deren Rechner speichern und vieles mehr).

Dieses Thema enthält die folgenden Module, in einer vorgeschlagenen Reihenfolge, um sie durchzuarbeiten. Sie sollten auf jeden Fall mit dem ersten Modul beginnen.

Einführung in HTML

Dieses Modul legt den Grundstein, indem es Sie mit wichtigen Konzepten und der Syntax vertraut macht, die Anwendung von HTML auf Text betrachtet, wie man Hyperlinks erstellt und wie HTML zur Strukturierung einer Webseite verwendet wird.

Multimedia und Einbettung

Dieses Modul untersucht, wie HTML verwendet wird, um Multimedia in Ihre Webseiten einzubinden, einschließlich der verschiedenen Möglichkeiten, wie Bilder eingebunden werden können, und wie man Videos, Audio und sogar ganze andere Webseiten einbettet.

HTML-Tabellen

Die Darstellung tabellarischer Daten auf einer Webseite in einer verständlichen, zugänglichen Weise kann eine Herausforderung sein. Dieses Modul behandelt die grundlegende Tabellenmarkierung sowie komplexere Funktionen wie das Implementieren von Beschriftungen und Zusammenfassungen.

Verwenden Sie HTML zur Lösung häufiger Probleme bietet Links zu Abschnitten mit Inhalten, die erklären, wie HTML verwendet wird, um sehr häufige Probleme beim Erstellen einer Webseite zu lösen: Umgang mit Titeln, Hinzufügen von Bildern oder Videos, Hervorheben von Inhalt, Erstellen eines einfachen Formulars usw.

Webformulare

Dieses Modul bietet eine Reihe von Artikeln, die Ihnen helfen, die Grundlagen von Webformularen zu meistern. Webformulare sind ein sehr leistungsstarkes Werkzeug zur Interaktion mit Benutzern — am häufigsten werden sie zum Sammeln von Daten von Benutzern oder zur Steuerung einer Benutzeroberfläche verwendet. Aufgrund historischer und technischer Gründe ist es jedoch nicht immer offensichtlich, wie man sie optimal nutzt. Wir werden alle wesentlichen Aspekte von Webformularen abdecken, einschließlich der Markierung ihrer HTML-Struktur, der Gestaltung von Formularsteuerelementen, der Validierung von Formulardaten und der Übermittlung von Daten an den Server.

HTML (HyperText Markup Language) auf MDN

Der Haupteinstiegspunkt für HTML-Referenzdokumentationen auf MDN, einschließlich detaillierter Referenzen zu Elementen und Attributen — wenn Sie wissen möchten, welche Attribute ein Element hat oder welche Werte ein Attribut haben kann, ist dies ein großartiger Ausgangspunkt.