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>
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das <div>
Tag definiert eine Abteilung oder einen Abschnitt in einem HTML-Dokument.
Das <div>
Tag dient als Container für HTML-Elemente – die dann mit CSS gestylt oder mit JavaScript manipuliert werden.
Das <div>
Tag lässt sich einfach mithilfe des class- oder id-Attributs gestalten.
Jede Art von Inhalt kann in das <div>
Tag eingefügt werden!
Hinweis: Browser setzen standardmäßig immer einen Zeilenumbruch vor und nach dem <div>
Element.
Browser-Unterstützung
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Globale Attribute
Das <div>
Tag unterstützt auch die globalen Attribute in HTML .
Ereignisattribute
Das <div>
Tag 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 <div>
Element mit den folgenden Standardwerten an:
Beispiel
div {
display: block;
}