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.
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.
- Erstellen von Hyperlinks
-
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.