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 verlinken, 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 für die Anzeige in einem Webbrowser zu annotieren. Zu den HTML-Markups gehören 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 im Dokument durch "Tags" von anderem Text abgesetzt, die aus dem Elementnamen bestehen, umgeben von < und >. Der Name eines Elements innerhalb eines Tags ist nicht case-sensitiv. Das bedeutet, dass es in Großbuchstaben, Kleinbuchstaben oder einer Mischung daraus geschrieben werden kann. Zum Beispiel kann das <title> Tag als <Title>, <TITLE> oder in jeder anderen Variante geschrieben werden. Die Konvention und empfohlene Praxis ist es jedoch, 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 einen kurzen Überblick darüber, was HTML ist und wie es verwendet wird, und richtet sich an Personen, die absolut neu in der Webentwicklung sind.
Strukturierung von Inhalten mit HTML: Unser Lernen Sie Webentwicklung Abschnitts-HTML-Modul vermittelt alle HTML-Grundlagen von Grund auf.

Leitfäden

HTML-Formulare: Formulare sind ein sehr wichtiger Bestandteil des Webs – sie bieten viel von der Funktionalität, die Sie benötigen, um mit Websites zu interagieren, z. B. Registrierung und Anmeldung, Feedback senden, Produkte kaufen und mehr. Dieses Modul hilft Ihnen beim Einstieg in die Erstellung der Client-seitigen/Frontend-Teile von Formularen.
CORS-fähiges Bild: Das crossorigin Attribut, in Kombination mit einem geeigneten CORS Header, erlaubt 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), mit dem Sie die CORS-Anfragen für die vom Element abgerufenen Daten konfigurieren können.
Vorladen von Inhalten mit rel="preload": Der preload Wert des rel Attributs des <link> Elements erlaubt es Ihnen, deklarative Abrufanfragen in Ihrem HTML <head> zu schreiben, um Ressourcen zu spezifizieren, die Ihre Seiten sehr bald nach dem Laden benötigen, die Sie daher früh im Lebenszyklus eines Seitenladevorgangs vorladen möchten, bevor der Haupt-Rendering-Mechanismus des Browsers aktiv wird. Dies stellt sicher, dass sie früher verfügbar gemacht werden und weniger wahrscheinlich das erste Rendern 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 auf Geräten mit sehr unterschiedlichen Bildschirmgrößen, Auflösungen und anderen derartigen Merkmalen gut funktionieren – und betrachten, welche Werkzeuge HTML bietet, um sie umzusetzen. 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-Elemente-Referenz: Durchsuchen Sie eine Liste aller HTML Elemente.
HTML-Attribute-Referenz: Elemente in HTML haben Attribute. Diese sind zusätzliche Werte, die die Elemente konfigurieren oder deren Verhalten auf verschiedene Weise anpassen.
Globale Attribute: Globale Attribute können für alle HTML-Elemente angegeben werden, auch für solche, die nicht im Standard spezifiziert sind. Das bedeutet, dass alle nicht-standardisierten Elemente diese Attribute dennoch erlauben müssen, auch wenn diese Elemente das Dokument HTML5-inkompatibel 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 Raum ein, der durch die Tags, die es definieren, begrenzt ist. Ein Block-Level-Element beansprucht den gesamten Raum seines übergeordneten Elements (Containers) und erstellt dadurch eine "Block-Box".
HTML-Kommentare: HTML-Kommentare werden verwendet, um erläuternde Anmerkungen zur 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 erlauben es Ihnen, Audio- und Videomedien nativ innerhalb Ihrer Inhalte abzuspielen, ohne dass externe Softwareunterstützung benötigt wird.
HTML-Inhaltskategorien: HTML besteht aus verschiedenen Arten von Inhalten, von denen jeder in bestimmten Kontexten verwendet werden darf und in anderen nicht. Ebenso hat jeder Kontext eine Reihe von anderen Inhaltskategorien, die er enthalten kann, sowie Elemente, die darin verwendet werden können oder nicht. Dies ist ein Leitfaden zu diesen Kategorien.
Quirks-Mode und Standard-Mode: Historische Informationen über den Quirks-Mode und Standard-Mode.

Anfänger-Tutorials

Leitfäden

Referenz

Verwandte Themen