HTML: HyperText Markup Language

HTML (HyperText Markup Language) ist der grundlegendste Baustein des Webs. Es definiert die Bedeutung und Struktur von Webinhalten. Neben HTML werden in der Regel andere Technologien verwendet, um das Erscheinungsbild/Präsentation einer Webseite zu beschreiben (CSS) oder die 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 von anderen erstellten Seiten verlinken, werden Sie ein aktiver Teilnehmer des 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, umgeben von < und >. Der Name eines Elements innerhalb eines Tags ist nicht case-sensitiv. Das bedeutet, er kann in Großbuchstaben, Kleinbuchstaben oder einer Mischung geschrieben werden. Zum Beispiel kann das <title>-Tag als <Title>, <TITLE> oder in irgendeiner anderen Weise geschrieben werden. Die Konvention und empfohlene Praxis ist jedoch, Tags in Kleinbuchstaben zu schreiben.

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

Tutorials für Anfänger

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

Leitfäden

HTML-Formulare: Formulare sind ein sehr wichtiger Bestandteil des Webs - sie bieten viel der Funktionalität, die Sie für die Interaktion mit Websites benötigen, z. B. Registrierung und Anmeldung, Feedback senden, Produkte kaufen und mehr. Dieses Modul gibt Ihnen eine Einführung in die Erstellung der clientseitigen/front-end Teile von Formularen.
CORS-fähiges Bild: Das Attribut crossorigin ermöglicht es zusammen mit einem geeigneten CORS-Header, dass Bilder, die durch das <img>-Element definiert sind, von fremden Ursprüngen geladen und in einem <canvas>-Element verwendet werden können, als ob sie vom aktuellen Ursprung geladen würden.
CORS-Einstellungen für Attribute: Einige HTML-Elemente, die Unterstützung für CORS bieten, wie <img> oder <video>, haben ein crossorigin-Attribut (crossOrigin-Eigenschaft), das Ihnen erlaubt, die CORS-Anfragen für die abgerufenen Daten des Elements zu konfigurieren.
Inhalte mit rel="preload" vorladen: Der preload-Wert des rel-Attributs des <link>-Elements ermöglicht es Ihnen, deklarative Abrufanforderungen in Ihr HTML-<head> zu schreiben. Dabei geben Sie Ressourcen an, die Ihre Seiten sehr bald nach dem Laden benötigen und die Sie daher frühzeitig im Lebenszyklus eines Seitenladevorgangs vorladen möchten, bevor der Hauptbrowser-Rendering-Mechanismus einsetzt. Dies stellt sicher, dass sie früher verfügbar gemacht und die erste Darstellung der Seite weniger wahrscheinlich blockiert wird, was zu Leistungsverbesserungen führt. Dieser Artikel bietet einen grundlegenden Leitfaden dazu, wie preload funktioniert.
Responsive Bilder: In diesem Artikel werden wir das Konzept der responsiven Bilder erlernen - Bilder, die gut auf Geräten mit stark unterschiedlichen Bildschirmgrößen, Auflösungen und anderen ähnlichen Merkmalen funktionieren - und sehen, welche Werkzeuge HTML bietet, um sie zu implementieren. Dies hilft, die Leistung auf verschiedenen Geräten zu verbessern.

Referenz

HTML-Referenz: HTML besteht aus Elementen, von denen jedes durch eine Anzahl von Attributen modifiziert werden kann. HTML-Dokumente sind durch Links miteinander verbunden.
HTML-Element-Referenz: Durchsuchen Sie eine Liste aller HTML-Elemente.
HTML-Attribut-Referenz: Elemente in HTML haben Attribute. Diese sind zusätzliche Werte, die die Elemente konfigurieren oder deren Verhalten auf verschiedene Arten anpassen.
Globale Attribute: Globale Attribute können auf alle HTML-Elemente angewendet werden, selbst auf die, die nicht im Standard spezifiziert sind. Dies bedeutet, dass alle nicht standardisierten Elemente trotzdem diese Attribute erlauben müssen, auch wenn diese Elemente das Dokument HTML5-nichtkonform machen.
Inline-Level-Elemente und Block-Level-Elemente: HTML-Elemente sind in der Regel "Inline-Level"- oder "Block-Level"-Elemente. Ein Inline-Level-Element nimmt nur den Platz ein, der durch die Tags definiert wird, die es umgeben. Ein Block-Level-Element nimmt den gesamten Platz seines übergeordneten Elements (Containers) ein und bildet so eine "Blockbox".
HTML-Kommentare: HTML-Kommentare werden verwendet, um erklärende Anmerkungen zum Markup hinzuzufügen oder zu verhindern, dass der Browser bestimmte Teile des Dokuments interpretiert.
Leitfaden zu Medientypen und -formaten im Web: Die <audio>- und <video>-Elemente ermöglichen es Ihnen, Audio- und Videomedien nativ innerhalb Ihrer Inhalte abzuspielen, ohne dass eine externe Softwareunterstützung erforderlich ist.
HTML-Inhaltskategorien: HTML besteht aus verschiedenen Arten von Inhalten, die jeweils in bestimmten Kontexten verwendet werden dürfen und in anderen nicht. Ebenso hat jeder Kontext eine Reihe von anderen Inhaltskategorien, die er enthalten kann, und Elemente, die darin verwendet werden dürfen oder nicht. Dies ist ein Leitfaden zu diesen Kategorien.
Quirks-Modus und Standardsmodus: Historische Informationen über den Quirks-Modus und den Standardsmodus.

Tutorials für Anfänger

Leitfäden

Referenz

Verwandte Themen