Attribute von div-Tags in HTML

Div-Tag ist ein Element auf Blockebene, das zum Erstellen oder Teilen von Seitenbereichen verwendet wird. Zu seinen Attributen gehören: allgemeines Attribut: ID, Klasseninhaltsattribut: Ausrichtung, Stillayoutattribut: Breite, Höhe, Abstand, Rand, andere Attribute: lang, dir , title, data-*

Div-Tag-Attribute

Das div-Tag ist ein Element auf Blockebene in HTML, das zum Erstellen oder Teilen von Bereichen auf der Seite verwendet wird. Es verfügt über die folgenden Attribute:

Allgemeine Attribute

• id: Gibt den eindeutigen Bezeichner des div-Elements an.
• class: Fügen Sie einen oder mehrere Klassennamen zu div-Elementen hinzu, um CSS-Stile anzuwenden.

Inhaltsattribute

• align: Legen Sie die Ausrichtung des Inhalts im div-Element fest, z. B. links, rechts, zentriert.
• Stil: Legen Sie den Stil von div-Elementen inline fest, einschließlich Farbe, Schriftart, Hintergrund usw.

Layout-Eigenschaften

• width: Legen Sie die Breite des div-Elements fest.
• height: Legen Sie die Höhe des div-Elements fest.
• padding: Fügt Abstand zwischen der Innenkante eines div-Elements und seinem Inhalt hinzu.
• margin: Fügt Abstand zwischen der Außenkante eines div-Elements und angrenzenden Elementen hinzu.

Andere Attribute

• lang: Geben Sie die Sprache des Inhalts im div-Element an.
• dir: Geben Sie die Textrichtung des Inhalts im div-Element an, z. B. ltr (von links nach rechts) oder rtl (von rechts nach links).
• title: Stellt einen Tooltip-Text für das div-Element bereit.
• data-*: Benutzerdefinierte Datenattribute zum Speichern von Daten im Zusammenhang mit div-Elementen.

Beispiel

<div id="myDiv" class="container" style="width: 500px; height: 300px; padding: 10px;">
  <h1>标题</h1>
  <p>段落</p>
</div>

In diesem Beispiel hat das div-Element die folgenden Attribute:

• id="myDiv": ein eindeutiger Bezeichner
• class="container": ein Klassenname
• style=". ..": Inline-Stile, einschließlich Breite, Höhe und Polsterung. Data-*-Attribute werden zum Speichern benutzerdefinierter Daten verwendet

Das obige ist der detaillierte Inhalt vonAttribute von div-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!