HTML ist eine relativ einfache Sprache, welche aus Elementen aufgebaut ist, welche man auf Textelemente anwenden kann, um diesen eine andere Bedeutung zu geben (Ist es ein Absatz, eine Liste oder Teil einer Tabelle?), um ein Dokument sinnvoll zu strukturieren (Gibt es eine Kopfzeile, ein Naviagationsmenu und wie ist dieses aufgebaut?) und um Videos und Bilder einzubinden. Dieses Modul wird sich mit den ersten beiden dieser fundamentalen Konzepte auseinandersetzen und Ihnen die entspechende Syntax beibringen.

Vorbereitungen

Bevor Sie mit unserem HTML-Kurs anfangen, brauchen Sie keinerlei HTML Kenntnisse, allerdings sollten Sie grundsätzlich mit Ihrem Computer umgehen können und das Internet schon passiv nutzen (d.h. im Internet surfen). Sie sollten schon eine einfache Arbeitsumgebung haben, wie in Installieren nötiger Software erklärt wird und wissen wie Sie Ihre Dateien ordnen, wie in Dateien nutzen erklärt wird. Beide diese Artikel sind Teil unserer Artikelserie Das Internet für Einsteiger, welche das Grundwissen abdeckt, welches in diesem Modul vorrausgesetzt wird.

Notiz: Wenn Sie an einem Computer/Tablet/Gerät arbeiten, auf welchem Sie nicht die Möglichkeit haben, eigene Dateien zu erstellen, können Sie die meisten underer Code-Beispiele in einem Online-Editor wie JSBin oder Thimble ausprobieren.

Lerneinheiten

Dieses Modul enthält die folgenden Lerneinheiten, welche Ihnen HTML in Theorie und Praxis näher bringen. Es werden viele Möglichkeiten geboten, in denen Sie Ihre neu erworbenen Fähigkeiten austesten können.

Lernen Sie HTML kennen
Hier lernen sie die absoluten Grundlagen von HTML. Für den Anfang werden wir Begriffe, wie "Elemente", "Attribute" und ähnliche definieren, damit Sie wissen womit sie arbeiten. Wir zeigen Ihnen wie ein HTML-Element strukturiert ist, wie eine typische HTML-Webseite aufgebaut ist und erklären anderes wichtiges Basiswissen dieser Sprache. Sie können zwischendurch immer wieder mit HTML-Code spielen, damit sie ein Gefühl für die Zusammenhänge bekommen.
Was gehört in den Kopf der HTML-Datei?
Der Kopf eines HTML Dokuments ist der Teil, der nicht im Browser angezeigt wird, wenn dieses geladen wird. Im Kopf sind Zusatzinformationen zu der Webseite enthalten, zum Beispiel der Titel der Webseite, Links zu CSS-Dateien (mit welchen die Webseite gestaltet wird) und Metadaten (z. B. wer der Autor der Webseite ist und Schlagwörter, welche Suchmaschinen helfen Ihre Webseite einzuordnen).
Einfache Textformatierung mit HTML
Eine der Hauptaufgaben von HTML ist es, Text eine bestimmte Bedeutung zukommen zu lassen, damit der Browser weiß, wie der Text darzustellen ist. In diesem Artikel lernen Sie, wie man mit HTML einen Textblock aufbricht und Strukturen wie Überschriften, Absätze und Listen aufbaut. Wir lernen auch wie man Wörter hervorheben kann.
 Erstellen von Hyperlinks
Hyperlinks sind sehr wichtig, denn Sie machen das Internet zu dem was es ist. In diesem Artikel zeigen wir die Syntax, die genutzt wird, um einen Link zu erstellen und diskutieren darüber, wie man Links am besten einbindet.
Fortgeschrittene Textformatierung
Es gibt viele weitere Elemente in HTML um Texte zu formattieren. Diese HTML-Elemente werden nicht ganz so häufig eingesetzt, sie sind aber sehr nützlich. Hier lernen Sie wie man Zitate einbindet, beschreibende Listen erstellt, Computer-Code einbindet, Hochschrift erstellt und einiges mehr.
Struktur in die Webseite bringen
Sie können mit HTML individuelle Teile der Webseite definieren (wie "einen Absatz" oder "ein Bild"). HTML wir aber auch genutzt um ganze Abschnitte auf Ihrer Webseite zu definieren( wie "die Kopfzeile", "das Naviagtionsmenu", den "Bereich wo der Hauptinhalt zu finden ist"). In diesem Artikel lernen Sie, wie man die Struktur der ganzen Webseite plant und anschließend diese Struktur mit HTML repräsentiert.
Fehlersuche in HTML
HTML schreiben ist gut, aber was macht man, wenn etwas nicht funktioniert und Sie den Fehler im Code nicht finden? In diesem Artikel stellen wir ein paar Werkzeuge vor, die Ihnen bei der Fehlersuche behilflich sein können.

Aufgaben

Die folgenden Übungsaufgaben testen Ihr Wissen über die HTML Grundlagen, welches Sie in diesem Modul erlernt haben.

Formattieren Sie einen Brief
Wir lernen aller früher oder später einen ordentlichen Brief zu schreiben. Es ist auch ein schönes Beispiel um unser Können im Bereich Textformatierung unter Beweis zu stellen! In dieser Aufgabe bekommen Sie einen Brief den Sie mit HTML schön formattieren sollen.
Strukturieren Sie eine Webseite
In dieser Übungsaufgabe wird Ihre Fähigkeit getestet, mit HTML Struktur in eine einfache Webseite zu schaffen, welche eine Kopfzeile, eine Fußzeile, ein Navigationsmenü, einen Bereich für den Hauptinhalt und einen für zusätzliche Informationen haben soll.

Weiterführendes

Webgrundlagen Basiskurs 1 (in englisch)
Ein exzellenter Mozilla Foundation Kurs, welcher viele der Dinge, die Sie hier gelernt haben aufgreift und weiterführt. Schüler lernen in diesem sechsteiligen Modul wie sie Code im Internet lesen, schreiben und gestalten.

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Shidigital
 Zuletzt aktualisiert von: Shidigital,