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/die 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 von anderen erstellten Seiten verknüpfen, 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", die aus dem Elementnamen bestehen, der von < und > umgeben ist, vom übrigen Text in einem Dokument abgetrennt. Der Name eines Elements innerhalb eines Tags ist nicht case-sensitiv. Das heißt, er kann in Großbuchstaben, Kleinbuchstaben oder einer Mischung davon geschrieben werden. Zum Beispiel kann das <title> Tag als <Title>, <TITLE> oder in beliebiger anderer Weise geschrieben werden. Die Konvention und empfohlene Praxis ist jedoch, Tags in Kleinbuchstaben zu schreiben.

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

Einsteiger-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 Lernen Sie Webentwicklung Abschnitts-HTML-Modul lehrt alle HTML-Grundlagen von Grund auf.

Leitfäden

Die HTML-Leitfäden helfen Ihnen beim Erstellen mit HTML im Web und behandeln Themen wie Formulare, CORS, Inhaltspreloading und responsive Bilder.

HTML-Formulare: Formulare sind ein sehr wichtiger Teil des Webs. Sie bieten viele der Funktionalitäten, die Sie für die Interaktion mit Websites benötigen, z.B. Registrierung und Anmeldung, Feedback senden, Produkte kaufen 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, 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), das Ihnen ermöglicht, die CORS-Anfragen für die vom Element abgerufenen Daten zu konfigurieren.
Content mit rel="preload" vorladen: Der preload Wert des <link> Elements rel Attributs ermöglicht es Ihnen, deklarative Abrufanforderungen in Ihrem HTML <head> zu schreiben, in dem Ressourcen angegeben werden, die Ihre Seiten sehr bald nach dem Laden benötigen werden, die Sie daher frühzeitig im Lebenszyklus eines Seitenladevorgangs vorladen möchten, bevor der Haupt-Rendering-Mechanismus des Browsers aktiviert wird. 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 auf Geräten mit stark unterschiedlichen Bildschirmgrößen, Auflösungen und anderen solchen Merkmalen gut funktionieren — und sehen, 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-Elementreferenz: Durchsuchen Sie eine Liste aller HTML Elemente.
HTML-Attributreferenz: Elemente in HTML verfügen über 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 angegeben sind. Das bedeutet, dass alle nicht standardmäßigen Elemente diese Attribute dennoch zulassen müssen, auch wenn diese Elemente das Dokument HTML5-unzulässig 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 begrenzt wird, die es definieren. Ein Block-Level-Element nimmt den gesamten Raum seines Elternelements (Containers) ein und bildet dadurch eine "Block-Box".
HTML-Kommentare: HTML-Kommentare werden verwendet, um erklärende Notizen 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, Audio- und Videomedien nativ innerhalb Ihrer Inhalte abzuspielen, ohne dass externe Softwareunterstützung notwendig ist.
HTML-Inhaltskategorien: HTML besteht aus verschiedenen Arten von Inhalten, von denen jeder in bestimmten Kontexten verwendet werden darf und in anderen nicht zulässig ist. Ähnlich hat jeder Kontext eine Reihe anderer Inhaltskategorien, die er enthalten kann und Elemente, die nicht verwendet werden dürfen. Dies ist eine Anleitung zu diesen Kategorien.
Quirks-Modus und Standards-Modus: Historische Informationen über den Quirks-Modus und den Standards-Modus.

Einsteiger-Tutorials

Leitfäden

Referenz

Verwandte Themen