Zum Inhalt springen

HTML <body>-Tag

Das <code><body></code>-Tag definiert den Inhalt einer Webseite (Text, Bilder, Links usw.). Es befindet sich innerhalb des <html>-Elements, nach dem <head>-Element. In einem HTML-Dokument darf nur ein <code><body></code>-Tag verwendet werden.

CSS-Klassen werden häufig dem <code><body></code>-Element hinzugefügt, sodass JavaScript-Entwickler und Designer Seiten leicht ansprechen können. Selbst wenn diese Klassen nicht verwendet werden, verursachen sie keine Probleme.

Syntax

Das <code><body></code>-Tag kommt in Paaren vor. Der Inhalt wird zwischen dem öffnenden (<code><body></code>) und dem schließenden (<code></body></code>) Tag geschrieben.

Beispiel für das HTML <code><body></code>-Tag:

HTML <body>-Tag

html
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Content of the document</p>
  </body>
</html>

Ergebnis

body example

Beispiel für das HTML <code><body></code>-Tag in Kombination mit den CSS-color- und line-height-Eigenschaften:

Beispiel für das HTML <body>-Tag mit den CSS-Eigenschaften

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      body {
        color: #444444;
        line-height: 1.5;
      }
    </style>
  </head>
  <body>
    <h1>HTML body tag example</h1>
    <p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.</p>
  </body>
</html>

Attribute

AttributWertBeschreibung
alinkFarbeDefiniert die Farbe des aktiven Links. In HTML5 nicht verwendet.
backgroundURLDefiniert das Hintergrundbild. In HTML5 nicht verwendet.
bgcolorFarbeDefiniert die Hintergrundfarbe. In HTML5 nicht verwendet.
linkFarbeDefiniert die Farbe von nicht besuchten Links. In HTML5 nicht verwendet.
textFarbeDefiniert die Textfarbe im Dokument. In HTML5 nicht verwendet.
vlinkFarbeDefiniert die Farbe von besuchten Links. In HTML5 nicht verwendet.

Das <code><body></code>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.

Hinweis: Die oben in der Tabelle aufgeführten Attribute sind in HTML5 veraltet. Die moderne Webentwicklung setzt für das Styling auf CSS. Verwenden Sie globale Attribute wie `class`, `id` und `style`, um dem <code><body></code>-Element Styles und Struktur zu verleihen.

Praxis

Was ist laut den Informationen auf der Webseite über das HTML <body>-Tag wahr?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.