• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. Webtechnologie für Entwickler
  2. HTML
  3. Guides
  4. HTML cheatsheet
    • English (US)
    • Français
    • 日本語

Experiment: Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.

In diesem Artikel

  • Inline-Elemente
  • Block-Elemente
  1. HTML
  2. Anleitungen
  3. Inhaltskategorien
  4. Comments
  5. Datums- und Zeitformate
  6. Constraint validation
  7. Viewport meta element
  8. Responsive Bilder
  9. Microdata
  10. Microformats
  11. Quirks- und Standardmodi
  12. HTML cheatsheet
  13. Anleitung
  14. Begriffe mit HTML definieren
  15. Verwenden von Datenattributen
  16. Verwendung von Cross-Origin-Bildern
  17. Fügen Sie eine Hitmap über ein Bild hinzu
  18. Autor schnelle ladende HTML-Seiten
  19. JavaScript hinzufügen
  20. Referenzen
  21. Elemente
    1. Veraltet
    2. `
      `: Das Inhalts-Element für Artikel
    3. Veraltet

    4. Veraltet
    5. Veraltet
    6. Experimentell
    7. Veraltet
    8. Veraltet
    9. Veraltet

    10. `
Ein Bild
html
Ein Inline-Container
html
Wird verwendet, um Elemente zu gruppieren: zum Beispiel, um sie zu stylen.
Text hervorheben
html
Ich bin kultiviert.
Kursiver Text
html
Einen Satz in Kursivschrift kennzeichnen.
Fetter Text
html
Fett ein Wort oder einen Satz.
Wichtiger Text
html
Ich bin wichtig!
Text hervorheben
html
Beachte mich!
Durchgestrichener Text
html
Ich bin irrelevant.
Tiefgestellt
html
H2O
Kleiner Text
html
Wird verwendet, um den Kleingedruckten
Druck eines Dokuments darzustellen.
Adresse
html
Hauptstraße 67
Textzitat
html
Für weitere Monster, siehe Das Monsterbuch der Monster.
Hochgestellt
html
x2
Inline-Zitat
html
Ich?, sagte sie.
Ein Zeilenumbruch
html
Zeile 1
Zeile 2
Ein möglicher Zeilenumbruch
html
Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.
Datum
html
Wird verwendet, um das Datum zu formatieren. Zum Beispiel:

veröffentlicht am 23-05-2020.
Codeformat
html
Dieser Text ist im normalen Format,
aber dieser Text ist im Codeformat
.
Audio
html

  

        
Video
html

  WebM-Video downloaden

Block-Elemente

"Block-Elemente" hingegen nehmen die gesamte Breite einer Webseite ein. Sie beanspruchen auch eine vollständige Zeile einer Webseite und passen nicht nebeneinander. Stattdessen stapeln sie sich wie Absätze in einem Aufsatz oder Bauklötze in einem Turm.

Hinweis: Da dieser Spickzettel auf einige Elemente beschränkt ist, die spezifische Strukturen darstellen oder besondere Semantiken haben, wird das div-Element bewusst nicht aufgenommen – da das div-Element nichts darstellt und keine besonderen Semantiken hat.

Verwendung Element Beispiel
Ein einfacher Absatz

html

Ich bin ein Absatz

Ich bin ein weiterer Absatz

Ein erweitertes Zitat
html
Sie sagten:
Das Blockzitat-Element kennzeichnet ein erweitertes Zitat.
Zusätzliche Informationen
html
HTML-Spickzettel

Inline-Elemente

Block-Elemente

Eine ungeordnete Liste
html
  • Ich bin ein Element
  • Ich bin ein weiteres Element
Eine geordnete Liste
html
  1. Ich bin das erste Element
  2. Ich bin das zweite Element
Eine Definitionsliste
html
Ein Begriff
Definition eines Begriffs
Ein weiterer Begriff
Definition eines weiteren Begriffs
Eine horizontale Linie
html
vorher
nachher
Textüberschrift

-

html

Das ist Überschrift 1

Das ist Überschrift 2

Das ist Überschrift 3

Das ist Überschrift 4

Das ist Überschrift 5
Das ist Überschrift 6

MDN-Feedback-Box

Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.