Einführung in HTML

Im Kern ist HTML eine Sprache, die aus Elementen besteht. Diese können auf Textstücke angewendet werden, um ihnen im 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 einen Header? Drei Spalten mit Inhalt? Ein Navigationsmenü?), und Inhalte wie Bilder und Videos in eine Seite einzubetten. Dieses Modul führt die ersten beiden Konzepte ein und erklärt grundlegende Konzepte und Syntax, die Sie kennen müssen, um HTML zu verstehen.

Voraussetzungen

Bevor Sie mit diesem Modul beginnen, benötigen Sie keine Vorkenntnisse in HTML, sollten aber zumindest mit der Benutzung von Computern und der passiven Nutzung des Internets (d. h. einfach darauf schauen und Inhalte konsumieren) vertraut sein. Sie sollten eine grundlegende Arbeitsumgebung eingerichtet haben (wie im Artikel Grundlegende Software installieren beschrieben) und verstehen, wie Sie Dateien erstellen und verwalten (wie im Artikel Umgang mit Dateien beschrieben). Beide sind Teile unseres kompletten Anfänger-Moduls Erste Schritte im Web.

Hinweis: Wenn Sie an einem Computer/Tablet/einem anderen Gerät arbeiten, auf dem Sie keine eigenen Dateien erstellen können, können Sie die meisten Code-Beispiele in einem Online-Coding-Programm wie JSBin oder Glitch ausprobieren.

Leitfäden

Dieses Modul enthält die folgenden Artikel, die Ihnen die gesamte grundlegende Theorie von HTML nahebringen und Ihnen ausreichende Möglichkeiten bieten, einige Fähigkeiten zu testen.

Erste Schritte mit HTML

Deckt die absoluten Grundlagen von HTML ab, 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 weitere wichtige grundlegende Sprachmerkmale. 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 die Seite <title>, Links zu CSS (wenn Sie Ihren HTML-Inhalt mit CSS gestalten möchten), Links zu benutzerdefinierten Favicons und Metadaten (Daten über das HTML, wie zum Beispiel, 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 richtig angezeigt werden soll. Dieser Artikel zeigt, wie man HTML verwendet, um einen Textblock in eine Struktur aus Überschriften und Absätzen aufzuteilen, Wörter hervorzuheben/hervorzubringen, Listen zu erstellen und mehr.

Hyperlinks sind wirklich wichtig — sie machen das Web zu einem Netz. Dieser Artikel zeigt die Syntax, die erforderlich ist, um einen Link zu erstellen, und diskutiert Best Practices für Links.

Erweiterte Textformatierung

Es gibt viele andere Elemente in HTML zur Textformatierung, die wir im Artikel HTML Text Grundlagen nicht behandelt haben. Die hier behandelten Elemente sind weniger bekannt, aber dennoch nützlich. In diesem Artikel erfahren Sie, wie Sie Zitate, Beschreibungslisten, Computercode und andere verwandte Texte, Tief- und Hochgestelltes, Kontaktinformationen und mehr auszeichnen.

Dokument- und Webseitenstruktur

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

HTML Debugging

HTML zu schreiben ist in Ordnung, aber was, wenn etwas schiefgeht und Sie nicht herausfinden können, wo der Fehler im Code ist? Dieser Artikel führt Sie in einige Werkzeuge ein, die helfen können.

Bewertungen

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

Markierung eines Briefes

Wir alle lernen früher oder später, einen Brief zu schreiben; es ist auch ein nützliches Beispiel, um die Fähigkeiten zur Textformatierung zu testen. In dieser Bewertung werden Sie einen Brief zur Markierung erhalten.

Strukturierung einer Seite mit Inhalten

Diese Bewertung testet Ihre Fähigkeit, HTML zu verwenden, um eine einfache Seite mit Inhalten zu strukturieren, die einen Header, ein Footer, ein Navigationsmenü, den Hauptinhalt und eine Sidebar enthält.

Siehe auch

HTML und CSS lernen MDN Curriculum-Partner

Scrimbas Kurs HTML und CSS lernen bringt Ihnen HTML und CSS bei, indem Sie fünf großartige Projekte erstellen und bereitstellen, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, die von erfahrenen Lehrern unterrichtet werden.