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 deren Funktionalität/Verhalten (JavaScript).
"Hypertext" bezieht sich auf Links, die Webseiten miteinander verbinden, entweder innerhalb einer einzelnen Website oder zwischen Websites. Links sind ein grundlegender Aspekt des Webs. Indem Sie Inhalte ins Internet hochladen und mit Seiten verknüpfen, die von anderen Personen erstellt wurden, werden Sie zu einem aktiven Teilnehmer des World Wide Web.
HTML verwendet "Markup", um Text, Bilder und andere Inhalte zur 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, der von < und > umgeben ist. Der Elementname innerhalb eines Tags ist nicht case-sensitiv. Das heißt, er kann in Großbuchstaben, Kleinbuchstaben oder gemischt geschrieben werden. Zum Beispiel kann das <title>-Tag als <Title>, <TITLE> oder in jeglicher anderer Weise geschrieben werden. Allerdings ist die Konvention und empfohlene Praxis, Tags in Kleinbuchstaben zu schreiben.
Die folgenden Artikel können Ihnen helfen, mehr über HTML zu erfahren.
Tutorials für Anfänger
Unsere Kernmodule zum Lernen der Webentwicklung enthalten moderne, aktuelle Tutorials, die die Grundlagen von HTML abdecken.
- Ihre erste Website: Erstellen der Inhalte
-
Dieser Artikel bietet eine kurze Einführung, was HTML ist und wie es zu verwenden ist, und richtet sich an Leute, die ganz neu in der Webentwicklung sind.
- Strukturieren von Inhalten mit HTML
-
Dieses Modul behandelt die Grundlagen der HTML-Sprache, bevor es sich mit Schlüsselbereichen wie Dokumentstruktur, Links, Listen, Bilder, Formulare und mehr befasst.
Leitfäden
Die HTML-Leitfäden helfen Ihnen beim Erstellen mit HTML im Web und decken Themen wie Formulare, CORS, Inhaltspreloading und responsive Bilder ab.
- HTML-Formulare
-
Formulare sind ein sehr wichtiger Teil des Webs — sie bieten einen Großteil der Funktionalität, die Sie für die Interaktion mit Websites benötigen, z. B. Registrierung und Anmeldung, Senden von Feedback, Kauf von Produkten und mehr. Dieses Modul führt Sie in die Erstellung der clientseitigen/front-End Teile von Formularen ein.
- CORS-fähiges Bild
-
Das
crossorigin-Attribut in Kombination mit einem geeigneten CORS-Header ermöglicht es, dass Bilder, die durch das<img>-Element definiert sind, aus fremden Ursprüngen geladen und in einem<canvas>-Element verwendet werden können, als ob sie vom aktuellen Ursprung geladen würden. - CORS-Einstellungsattribute
-
Einige HTML-Elemente, die Unterstützung für CORS bieten, wie
<img>oder<video>, haben eincrossorigin-Attribut (crossOrigin-Eigenschaft), das es Ihnen ermöglicht, die CORS-Anforderungen für die vom Element abgerufenen Daten zu konfigurieren. - Vorladen von Inhalten mit rel="preload"
-
Der
preload-Wert des<link>-Elementsrel-Attribut erlaubt es Ihnen, deklarative Abrufanforderungen in Ihrem HTML-<head>zu schreiben und Ressourcen anzugeben, die Ihre Seiten sehr bald nach dem Laden benötigen werden, die Sie daher frühzeitig im Lebenszyklus eines Seitenladens vorladen möchten, bevor die Haupt-Rendering-Maschinerie des Browsers einsetzt. 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 einen grundlegenden Leitfaden zu der Funktionsweise vonpreload. - Responsive Bilder
-
In diesem Artikel lernen wir das Konzept von responsiven Bildern – Bilder, die gut auf Geräten mit sehr unterschiedlichen Bildschirmgrößen, Auflösungen und anderen Merkmalen funktionieren – kennen und erfahren, 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
- 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 für alle HTML-Elemente spezifiziert werden, selbst für diejenigen, die nicht im Standard spezifiziert sind. Das bedeutet, dass alle nicht standardmäßigen Elemente diese Attribute weiterhin zulassen müssen, auch wenn diese Elemente das Dokument HTML5-inkompatibel 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 Platz ein, der durch die Tags definiert wird, die es umgeben. Ein Block-Level-Element nimmt den gesamten Platz des übergeordneten Elements (Containers) ein und erstellt damit eine "Block-Box".
- HTML-Kommentare
-
HTML-Kommentare werden verwendet, um erklärende Anmerkungen zum Markup hinzuzufügen oder um 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 externe Softwareunterstützung erforderlich ist. - HTML-Inhaltskategorien
-
HTML besteht aus mehreren Arten von Inhalten, von denen jeder in bestimmten Kontexten verwendet werden darf und in anderen nicht erlaubt ist. Ebenso hat jeder Kontext eine Reihe von anderen Inhaltskategorien, die er enthalten kann und Elemente, die in ihnen verwendet werden können oder nicht. Dies ist ein Leitfaden zu diesen Kategorien.
- Quirks-Modus und Standards-Modus
-
Historische Informationen zum Quirks-Modus und Standards-Modus.
Verwandte Themen
- Farbe auf HTML-Elemente mit CSS anwenden
-
Dieser Artikel behandelt die meisten Möglichkeiten, mit CSS Farbe zu HTML-Inhalten hinzuzufügen und listet auf, welche Teile von HTML-Dokumenten eingefärbt werden können und welche CSS-Eigenschaften dafür zu verwenden sind.