BESTE WEBSITE FÜR WEBENTWICKLER
HTML5. W3Schools auf Deutsch. Der komplette Tag-Guide

Ua En Es Fr

HTML-<div>-Tag


Beispiel

Ein <div>-Abschnitt in einem Dokument, das mit CSS formatiert ist:

<html>
<head>
<style>
.myDiv {
  border: 5px outset red;
  background-color: lightblue;
  text-align: center;
}
</style>
</head>
<body>

<div class="myDiv">
  <h2>This is a heading in a div element</h2>
  <p>This is some text in a div element.</p>
</div>

</body>
</html>
Try it Yourself »

Weitere Beispiele "Try it Yourself" ("Probieren Sie es selbst").


Definition und Verwendung

Das <div>-Tag definiert eine Unterteilung oder einen Abschnitt in einem HTML-Dokument.

Das <div>-Tag dient als Container für HTML-Elemente, die dann mit CSS formatiert oder mit JavaScript bearbeitet werden.

Das <div>-Tag lässt sich einfach mithilfe des class- oder id-Attributs formatieren.

In das <div>-Tag können beliebige Inhalte eingefügt werden!

Hinweis: Standardmäßig setzen Browser vor und nach dem <div>-Element immer einen Zeilenumbruch.


Browserunterstützung

Element
<div> Ja Ja Ja Ja Ja

Globale Attribute

Das Tag <div> unterstützt auch die Globalen Attribute in HTML.


Ereignisattribute

Der Tag <div> unterstützt auch die Ereignisattribute in HTML.


Verwandte Seiten

HTML tutorial: HTML Block- und Inline -Elemente

HTML tutorial: HTML Layout

HTML DOM Referenz: Div Objekt


Standard -CSS -Einstellungen

Die meisten Browser zeigen das Element <div> mit den folgenden Standardwerten an:

Beispiel

div {
  display: block;
}
Try it Yourself »