abbr.diverse different;divide separate;dividierte Division;Division Division

HTML-Div-Tag Syntax

Funktion: Definieren Sie die Abteilung oder den Abschnitt (Abteilung/Abschnitt) im Dokument.

Erklärung: <div> ist ein Element auf Blockebene. Das bedeutet, dass der Inhalt automatisch in einer neuen Zeile beginnt. Tatsächlich sind Zeilenumbrüche das einzige Formatierungsverhalten von <div>. Zusätzliche Stile können über die Klasse oder ID des <div> angewendet werden. Es ist nicht notwendig, jedem <div> eine Klasse oder ID hinzuzufügen, obwohl dies gewisse Vorteile bietet. Es ist möglich, entweder Klassen- oder ID-Attribute auf dasselbe <div>-Element anzuwenden, es ist jedoch üblicher, nur das eine oder das andere anzuwenden. Der Hauptunterschied zwischen den beiden besteht darin, dass die Klasse für Gruppen von Elementen (ähnliche Elemente oder als eine bestimmte Art von Elementen verstanden werden kann) verwendet wird, während die ID zur Identifizierung einzelner und eindeutiger Elemente verwendet wird.

Hinweis: Das <div>-Tag kann das Dokument in unabhängige und unterschiedliche Teile unterteilen. Es kann als strenges Organisationstool verwendet werden und verwendet keine damit verbundenen Formatierungen. Das <div>-Tag wird von allen gängigen Browsern unterstützt.

HTML-Div-Tag Beispiel

<html>
<body>

<h3>This is a header</h3>
<p>This is a paragraph.</p>

<div style="color:#FF0000">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

</body>
</html>

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen