Einführung in HTML

Im Kern ist HTML eine Sprache, die aus Elementen besteht, welche auf Text angewendet werden können, um ihm in einem Dokument unterschiedliche Bedeutungen zu geben (Ist es ein Absatz? Ist es eine Aufzählungsliste? Ist es Teil einer Tabelle?), ein Dokument in logische Abschnitte zu strukturieren (Hat es eine Kopfzeile? Drei Inhalts-Spalten? Ein Navigationsmenü?) und Inhalte wie Bilder und Videos in eine Seite einzubetten. Dieses Modul wird die ersten beiden dieser Punkte einführen und grundlegende Konzepte und Syntax vorstellen, die Sie kennen müssen, um HTML zu verstehen.

Voraussetzungen

Bevor Sie mit diesem Modul beginnen, benötigen Sie keine vorherigen HTML-Kenntnisse, sollten jedoch zumindest mit der Nutzung von Computern und der passiven Nutzung des Webs (d.h. nur Betrachten und Konsumieren von Inhalten) vertraut sein. Sie sollten eine grundlegende Arbeitsumgebung eingerichtet haben (wie im Abschnitt Grundlegende Software installieren beschrieben), und verstehen, wie man Dateien erstellt und verwaltet (wie im Abschnitt Umgang mit Dateien beschrieben). Beides sind Teile unseres kompletten Einsteiger-Moduls Erste Schritte mit dem Web.

Hinweis: Wenn Sie an einem Computer/Tablet/anderen Gerät arbeiten, wo Sie nicht die Möglichkeit haben, eigene Dateien zu erstellen, könnten Sie (die meisten) Codebeispiele in einem Online-Coding-Programm wie JS Bin oder Glitch ausprobieren.

Leitfäden

Dieses Modul enthält die folgenden Artikel, die Sie durch die grundlegende Theorie von HTML führen und reichlich Gelegenheit bieten, einige Fähigkeiten zu testen.

Erste Schritte mit HTML

Behandelt die absoluten Grundlagen von HTML, um Ihnen den Einstieg zu erleichtern — wir definieren Elemente, Attribute und andere wichtige Begriffe und zeigen, wo sie in der Sprache passen. Wir zeigen auch, wie eine typische HTML-Seite strukturiert ist und wie ein HTML-Element aufgebaut ist, und erklären andere wichtige grundlegende Sprachfunktionen. Unterwegs werden wir mit etwas HTML spielen, um Ihr Interesse zu wecken!

Was ist im Kopf? Metadaten in HTML

Der Kopf eines HTML-Dokuments ist der Teil, der nicht im Webbrowser angezeigt wird, wenn die Seite geladen wird. Er enthält Informationen wie den <title> der Seite, Links zu CSS (wenn Sie Ihr HTML-Inhalt mit CSS gestalten möchten), Links zu benutzerdefinierten Favicons und Metadaten (Daten über das HTML, wie z.B. wer es geschrieben hat, und wichtige Schlüsselwörter, die das Dokument beschreiben).

HTML Text Grundlagen

Eine der Hauptaufgaben von HTML ist es, Text Bedeutung zu verleihen (auch bekannt als Semantik), damit der Browser weiß, wie er ihn korrekt anzeigen soll. In diesem Artikel wird beschrieben, wie man HTML verwendet, um einen Textblock in eine Struktur von Überschriften und Absätzen zu unterteilen, um Wörter zu betonen/verstärken, Listen zu erstellen und mehr.

Hyperlinks sind wirklich wichtig — sie sind es, die das Web zu einem Web machen. Dieser Artikel zeigt die erforderliche Syntax, um einen Link zu erstellen, und diskutiert bewährte Praktiken für Links.

Erweiterte Textformatierung

Es gibt viele andere Elemente in HTML zur Formatierung von Text, die wir im HTML Text Grundlagen Artikel nicht behandelt haben. Die hier behandelten Elemente sind weniger bekannt, aber dennoch nützlich. In diesem Artikel lernen Sie, wie man Zitate, Beschreibunglisten, Computercode und andere verwandte Texte, Tief- und Hochstellung, Kontaktinformationen und mehr markiert.

Dokumenten- und Website-Struktur

Neben der Definition einzelner Teile Ihrer Seite (wie "ein Absatz" oder "ein Bild") wird HTML auch verwendet, um Bereiche Ihrer Website zu definieren (wie "die Kopfzeile", "das Navigationsmenü" oder "die Hauptinhalts-Spalte"). Dieser Artikel behandelt, wie man eine grundlegende Website-Struktur plant und wie man das HTML schreibt, um diese Struktur darzustellen.

Debugging HTML

HTML zu schreiben ist in Ordnung, aber was passiert, wenn etwas schiefgeht und Sie nicht herausfinden können, wo der Fehler im Code liegt? Dieser Artikel wird Ihnen einige Tools vorstellen, die helfen können.

Bewertungen

Die folgenden Bewertungen testen Ihr Verständnis der in den obigen Leitfäden behandelten HTML-Grundlagen.

Ein Brief mit Markup versehen

Wir alle lernen früher oder später einen Brief zu schreiben; es ist auch ein nützliches Beispiel, um Textformatierungsfähigkeiten zu testen. In dieser Bewertung erhalten Sie einen Brief, den Sie mit Markup versehen sollen.

Eine Inhaltsseite strukturieren

Diese Bewertung testet Ihre Fähigkeit, HTML zu verwenden, um eine einfache Inhaltsseite zu strukturieren, die eine Kopfzeile, eine Fußzeile, ein Navigationsmenü, Hauptinhalte und eine Seitenleiste enthält.

Siehe auch

HTML und CSS lernen MDN Curriculum-Partner

Der HTML und CSS Lernen Kurs von Scrimba lehrt Ihnen HTML und CSS durch den Aufbau und die Bereitstellung von fünf großartigen Projekten mit unterhaltsamen interaktiven Lektionen und Herausforderungen, die von sachkundigen Lehrern vermittelt werden.