HTML: HyperText Markup Language

HTML (HyperText Markup Language) ist der grundlegendste Baustein des Webs. Es definiert die Bedeutung und Struktur von Web-Inhalten. Neben HTML werden in der Regel andere Technologien verwendet, um das Erscheinungsbild/Präsentation einer Webseite zu beschreiben (CSS) oder deren Funktionalität/Verhalten (JavaScript).

"Hypertext" bezieht sich auf Links, die Webseiten miteinander verbinden, entweder innerhalb einer einzigen Website oder zwischen Websites. Links sind ein grundlegender Aspekt des Webs. Indem Sie Inhalte ins Internet hochladen und mit Seiten verlinken, die von anderen Personen erstellt wurden, werden Sie ein aktiver Teilnehmer im World Wide Web.

HTML verwendet "Markup", um Text, Bilder und andere Inhalte für die Anzeige in einem Webbrowser zu annotieren. HTML-Markup umfasst spezielle "Elemente" wie <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <search>, <output>, <progress>, <video>, <ul>, <ol>, <li> und viele andere.

Ein HTML-Element wird durch "Tags" von anderem Text in einem Dokument abgegrenzt, die aus dem Elementnamen bestehen, umschlossen von < und >. Der Name eines Elements innerhalb eines Tags ist nicht case-sensitiv. Das heißt, er kann in Großbuchstaben, Kleinbuchstaben oder einer Mischung aus beidem geschrieben werden. Zum Beispiel kann das <title> Tag als <Title>, <TITLE> oder in jeder anderen Form geschrieben werden. Dennoch ist es die Konvention und empfohlene Praxis, Tags in Kleinbuchstaben zu schreiben.

Die folgenden Artikel können Ihnen helfen, mehr über HTML zu lernen.

Anfänger-Tutorials

Ihre erste Website: Erstellen der Inhalte: Dieser Artikel bietet eine kurze Einführung in das, was HTML ist und wie es verwendet wird, und richtet sich an Personen, die völlig neu in der Webentwicklung sind.
Strukturierung von Inhalten mit HTML: Unser Leitfaden zur Webentwicklung enthält ein HTML-Modul, das alle HTML-Grundlagen von Grund auf lehrt.

Leitfäden

HTML-Formulare: Formulare sind ein sehr wichtiger Teil des Webs — sie bieten viele der Funktionalitäten, die Sie zum Interagieren mit Websites benötigen, z.B. Registrierung und Anmeldung, Feedback senden, Produkte kaufen und mehr. Dieses Modul hilft Ihnen bei den ersten Schritten zur Erstellung der clientseitigen/Front-End-Teile von Formularen.
CORS-aktiviertes Bild: Das crossorigin Attribut, in Kombination mit einem geeigneten CORS Header, ermöglicht es, Bilder, die durch das <img> Element definiert sind, von fremden Ursprüngen zu laden und in einem <canvas> Element zu verwenden, als ob sie vom aktuellen Ursprung geladen würden.
CORS-Einstellungen Attribute: Einige HTML-Elemente, die Unterstützung für CORS bieten, wie <img> oder <video>, haben ein crossorigin Attribut (crossOrigin Eigenschaft), das es Ihnen ermöglicht, die CORS-Anfragen für die abgerufenen Daten des Elements zu konfigurieren.
Vorladen von Inhalten mit rel="preload": Der preload Wert des <link> Elements rel Attributs ermöglicht es Ihnen, deklarative Fetch-Anfragen in Ihrem HTML <head> zu schreiben und Ressourcen anzugeben, die Ihre Seiten kurz nach dem Laden benötigen, sodass Sie das Vorladen dieser Ressourcen früh im Lebenszyklus eines Seitenladevorgangs starten möchten, bevor der Haupt-Rendering-Mechanismus des Browsers startet. Dies stellt sicher, dass sie früher verfügbar gemacht werden und weniger wahrscheinlich die erste Darstellung der Seite blockieren, was zu Leistungsverbesserungen führt. Dieser Artikel bietet eine grundlegende Anleitung dazu, wie preload funktioniert.
Responsive Bilder: In diesem Artikel lernen wir das Konzept von responsiven Bildern kennen — Bilder, die gut auf Geräten mit sehr unterschiedlichen Bildschirmgrößen, Auflösungen und anderen Merkmalen funktionieren — und schauen uns an, welche Werkzeuge HTML bereitstellt, um sie umzusetzen. Dies trägt zur Verbesserung der Leistung auf verschiedenen Geräten bei.

Referenz

HTML-Referenz: HTML besteht aus Elementen, von denen jedes durch eine Vielzahl von Attributen modifiziert werden kann. HTML-Dokumente werden durch Links miteinander verbunden.
HTML-Element-Referenz: Durchstöbern Sie eine Liste aller HTML Elemente.
HTML-Attribut-Referenz: Elemente in HTML haben Attribute. Diese sind zusätzliche Werte, die die Elemente konfigurieren oder ihr Verhalten auf verschiedene Weise anpassen.
Globale Attribute: Globale Attribute können bei allen HTML-Elementen angegeben werden, selbst bei denen, die nicht im Standard enthalten sind. Dies bedeutet, dass alle nicht standardmäßigen Elemente diese Attribute dennoch zulassen müssen, obwohl diese Elemente das Dokument HTML5-nichtkonform machen.
Inline-level Elemente und Block-level Elemente: HTML-Elemente sind normalerweise "inline-level" oder "block-level" Elemente. Ein Inline-Level-Element nimmt nur den Raum ein, der durch die Tags definiert wird, die es umgeben. Ein Block-Level-Element nimmt den gesamten Raum seines übergeordneten Elements (Containers) ein und erstellt damit eine "Blockbox".
HTML-Kommentare: HTML-Kommentare werden verwendet, um erklärende Anmerkungen zum Markup hinzuzufügen oder um den Browser daran zu hindern, bestimmte Teile des Dokuments zu interpretieren.
Leitfaden zu Medientypen und Formaten im Web: Die <audio> und <video> Elemente ermöglichen es Ihnen, Audio- und Video-Medien nativ in Ihrem Inhalt abzuspielen, ohne dass eine externe Softwareunterstützung notwendig ist.
HTML-Inhaltskategorien: HTML setzt sich aus verschiedenen Arten von Inhalten zusammen, von denen jeder in bestimmten Kontexten verwendet werden darf und in anderen nicht. Ebenso hat jeder Kontext eine Reihe anderer Inhaltskategorien, die er enthalten kann, und Elemente, die in ihnen verwendet werden dürfen oder nicht. Dies ist ein Leitfaden zu diesen Kategorien.
Quirks-Modus und Standards-Modus: Historische Informationen über den Quirks-Modus und den Standards-Modus.

Anfänger-Tutorials

Leitfäden

Referenz

Verwandte Themen