HTML: HyperText Markup Language

HTML (HyperText Markup Language) ist der grundlegendste Baustein des Webs. Es beschreibt und definiert den Inhalt einer Webseite zusammen mit dem grundlegenden Layout der Webseite. Neben HTML werden im Allgemeinen andere Technologien verwendet, um das Erscheinungsbild (CSS) oder die Funktionalit├Ąt/Verhalten (JavaScript) einer Webseite zu beschreiben.

"HyperText" bezieht sich auf Links, die Webseiten miteinander verbinden, entweder innerhalb einer einzelnen Webseite oder zwischen mehreren Webseiten. Links sind ein grundlegender Bestandteil des Webs. Indem Sie Inhalte in das 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 Texte, Bilder und andere Inhalte f├╝r die Anzeige in einem Webbrowser zu kommentieren. HTML-Markup beinhaltet spezielle "Elemente" wie <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video> und viele andere.

Die Tags in HTML sind case-insensitive. Das hei├čt, sie k├Ânnen in Gro├č- und Kleinbuchstaben oder in einer Mischung geschrieben werden. Beispiel <title> tag kann als <Title>,<TITLE> oder auf andere Weise geschrieben werden.

Die folgenden Artikel helfen Ihnen, mehr ├╝ber HTML zu erfahren.

  • HTML Einf├╝hrung

    Wenn Sie neu in der Webentwicklung sind, lesen Sie unbedingt unseren HTML Grundlagen Artikel, um zu erfahren, was HTML ist und wie man es verwendet.

  • HTML Tutorials

    Artikel ├╝ber die Verwendung von HTML sowie Tutorials und vollst├Ąndige Beispiele finden Sie in unserem HTML Lernbereich.

  • HTML Referenz

    In unserem umfangreichen Abschnitt HTML Referenz finden Sie die Details zu jedem Element und Attribut in HTML.

Tutorials f├╝r Anf├Ąnger

Unser HTML Lernbereich verf├╝gt ├╝ber mehrere Module, die HTML von Grund auf vermitteln - es sind keine Vorkenntnisse erforderlich.

Einf├╝hrung in HTML
Dieses Modul schafft die Voraussetzungen, um Sie an wichtige Konzepte und Syntaxen zu gew├Âhnen, wie z.B. die Anwendung von HTML auf Text, die Erstellung von Hyperlinks und die Verwendung von HTML zur Strukturierung einer Webseite.
Einbettung von Multimedia Inhalten
Dieses Modul erkl├Ąrt, wie Sie HTML verwenden k├Ânnen, um Multimedia Inhalte in Ihre Webseite aufnehmen k├Ânnen, einschlie├člich der verschiedenen M├Âglichkeiten, wie Bilder eingebunden werden k├Ânnen, und wie Sie Video, Audio oder sogar ganze andere Webseiten einbetten k├Ânnen.
HTML Tabellen
Die verst├Ąndliche und einfache Darstellung von Tabellendaten auf einer Webseite kann eine Herausforderung sein. Dieses Modul behandelt grundlegende Tabellen sowie komplexere Funktionen wie die Implementierung von Beschriftungen und Zusammenfassungen.
HTML Formulare
Formulare sind ein sehr wichtiger Teil des Webs - sie bieten viele Funktionen, die Sie f├╝r die Interaktion mit Websites ben├Âtigen, z.B. Registrierung und Anmeldung, Feedback, Kauf von Produkten und mehr. Dieses Modul erm├Âglicht Ihnen den Einstieg in die Erstellung der Client-seitigen/Frontend-Teile von Formularen.
Verwenden Sie HTML, um h├Ąufige Probleme zu l├Âsen
Enth├Ąlt Links zu Inhaltsabschnitten, die erkl├Ąren, wie man HTML verwendet, um sehr h├Ąufige Probleme beim Erstellen einer Webseite zu l├Âsen: Umgang mit Titeln, Hinzuf├╝gen von Bildern oder Videos, Hervorheben von Inhalten, Erstellen einer Grundform usw.

Fortgeschrittene Themen

CORS f├Ąhiges Bild
Das Attribut crossorigin, in Kombination mit einem entsprechenden CORS header, erm├Âglicht es, Bilder, die durch das Element <img> definiert sind, aus fremden Quellen zu laden und in einem <canvas> Element zu verwenden, als w├╝rden sie aus dem aktuellen Ursprung geladen.
Attribute der CORS Einstellungen
Einige HTML-Elemente, die Unterst├╝tzung f├╝r CORS bieten, wie <img> oder <video>, haben ein crossorigin Attribut (crossOrigin Eigenschaft), mit dem Sie die CORS-Anfragen f├╝r die abgerufenen Daten des Elements konfigurieren k├Ânnen.
Fokusverwaltung in HTML
Die activeElement DOM-Attribut und das hasFocus() DOM-Methode helfen Ihnen, die Interaktionen eines Benutzers mit Elementen auf einer Webseite zu verfolgen und zu steuern.
Verwendung des Anwendungs Cache
Durch den Anwendungs Cache k├Ânnen webbasierte Anwendungen offline ausgef├╝hrt werden. Sie k├Ânnen die Schnittstelle Application Cache (AppCache) verwenden, um Ressourcen anzugeben, die der Browser zwischenspeichern und f├╝r Offline-Benutzer verf├╝gbar machen soll. Anwendungen, die im Cache gespeichert sind, laden und funktionieren korrekt, auch wenn Benutzer auf die Schaltfl├Ąche Aktualisieren klicken, wenn sie offline sind.
Vorladen von Inhalten mit rel="preload".
Das Attribut rel des <link> Elements erm├Âglicht es Ihnen, deklarative Fetch-Anfragen in Ihr HTML <head> zu schreiben, wobei Sie Ressourcen angeben, die Ihre Seiten sehr bald nach dem Laden ben├Âtigen, die Sie daher fr├╝h im Lebenszyklus einer Seitenladung vorab laden m├Âchten, bevor die Haupt-Rendering-Maschine des Browsers einsetzt. Dadurch wird sichergestellt, dass sie fr├╝her verf├╝gbar sind und weniger wahrscheinlich das erste Rendering der Seite blockieren, was zu Leistungssteigerungen f├╝hrt. Dieser Artikel bietet eine grundlegende Anleitung, wie preload funktioniert.

Referenzen

HTML Referenz
HTML besteht aus Elementen, von denen jedes durch eine Anzahl von Attributen modifiziert werden kann. HTML Dokumente werden ├╝ber links miteinander verbunden.
HTML Element Referenz
Durchsuchen Sie eine Liste aller HTML Elemente.
HTML Attribut Referenz
Elemente in HTML haben Attribute. Dies sind zus├Ątzliche Werte, die die Elemente konfigurieren oder ihr Verhalten auf verschiedene Weise anpassen.
Globale Attribute
Globale Attribute k├Ânnen f├╝r alle HTML-Elemente, auch f├╝r diejenigen, die nicht im Standard angegeben sind, angegeben werden. Das bedeutet, dass alle nicht standardm├Ą├čigen Elemente diese Attribute weiterhin zulassen m├╝ssen, auch wenn diese Elemente das Dokument nicht HTML5 kompatibel machen.
Inline Elemente und Block Level Elemente
HTML Elemente sind in der Regel "inline" oder "block-level" Elemente. Ein Inline-Element belegt nur den Raum, der durch die Tags begrenzt ist, die es definieren. Ein Element auf Blockebene nimmt den gesamten Platz seines ├╝bergeordneten Elements (Containers) ein und erzeugt so einen "Block".
Link Typen
In HTML k├Ânnen verschiedene Link-Typen verwendet werden, um die Verkn├╝pfung zwischen zwei Dokumenten herzustellen und zu definieren. Zu den Link Elementen die verwendet werden k├Ânnen geh├Âren <a>, <area> und <link>.
Medienformate die von HTML unterst├╝tzt werden sind Audio und Video Elemnte
The <audio> und <video> Elemente erm├Âglichen die Wiedergabe von Audio- und Videomedien. Diese Elemente bieten eine Browser-native Alternative zu Adobe Flash und anderen Plug-Ins.
Arten von HTML Inhalten
HTML umfasst verschiedene Arten von Elementen, von denen jeder in bestimmten Kontexten verwendet werden darf und in anderen nicht zul├Ąssig ist. Ebenso hat jede eine Reihe von Inhalten, die sie enthalten kann und Elemente die darin nicht verwendet werden k├Ânnen. Dies ist ein Leitfaden f├╝r diese Kategorien.
Eigenarten und Normen
Historische Informationen ├╝ber Eigenarten und Normen.

Verwandte Themen

Hinzuf├╝gen von Farben mit CSS auf HTML Elemente
Dieser Artikel beschreibt die meisten der M├Âglichkeiten, wie Sie CSS verwenden, um HTML Elementen Farben hinzuzuf├╝gen, und listet auf, welche Teile von HTML-Dokumenten farbig dargestellt werden k├Ânnen und welche CSS-Eigenschaften dabei zu verwenden sind. Enth├Ąlt Beispiele, Links zu Tools zur Farb Palettenerstellung und vieles mehr.