Heim >Web-Frontend >Front-End-Fragen und Antworten >Was sind die Klassifizierungen von HTML-Tags?

Was sind die Klassifizierungen von HTML-Tags?

醉折花枝作酒筹Original: 2021-06-04 16:49:4713915Durchsuche

HTML-Tag-Elemente sind: 1. Das Tag nimmt eine Zeile ein und die Breite und Höhe können als Block-Tag angegeben werden. 2. Das Tag befindet sich in einer Zeile und die Breite und Höhe werden nur durch den Inhalt bestimmt Der Inhalt überschreitet die Breite von HTML und wird umbrochen. 3. Inline-Block-Tags, die sowohl die Eigenschaften von Inline-Elementen als auch von Blockelementen aufweisen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

HTML-Tag-Typen können in drei Typen unterteilt werden: Block-Level-Tags, Inline-Tags und Inline-Block-Tags.

Beschriftung auf Blockebene:

Beschriftung auf Blockebene: Die Beschriftung belegt eine exklusive Zeile und die Breite und Höhe können angegeben werden.

Funktionen:

Kann Breite und Höhe identifizieren
Rand und Polsterung gelten für oben, unten, links und rechts
kann automatisch umbrochen werden
Mehrere Blockelement-Tags werden zusammen geschrieben, Standardanordnung Für von oben nach unten
können Sie margin:0 auto to center align verwenden

Häufig verwendete Blockelemente sind:

...< ;h6>,
,
,
, ,
,
,

inline-Tags:

inline (Zeilenebene) Beschriftung: Die Beschriftung befindet sich in einer Zeile. Die Breite und Höhe wird durch den Inhalt bestimmt. Nur wenn der Inhalt die Breite von HTML überschreitet, wird er umbrochen.

Eigenschaften:

Breite und Höhe können nicht eingestellt werden

Rand ist nach oben und unten ungültig, nur der linke und rechte Rand haben Auswirkungen, die Auffüllung hat Auswirkungen und erweitert den Raum ; ist ungültig, da dieses Attribut für das Boxmodell gilt.

wird nicht automatisch umbrochen

Häufig verwendete Inline-Elemente sind:

, , , , , , , `, ,`
Inline-Block-Tags: Inline-Block-Elemente (Inline-Block) sind sowohl Inline-Elemente als auch Blockelemente. Die Eigenschaften der Codeanzeige:inline -block dient dazu, das Element auf ein Inline-Blockelement festzulegen. (Neu in CSS2.1), -Tags sind solche Inline-Block-Tags. Funktionen: Kein automatischer Zeilenumbruch Möglichkeit, Breite und Höhe festzulegen Die Standardanordnung ist von links nach rechts Sie können text-align:center verwenden, um den Inhalt zu erstellen horizontal relativ zur übergeordneten Box Zentrierte Ausrichtung, z. B. img-Tag, Sie können text-align:center verwenden, zentrierte Ausrichtung relativ zur übergeordneten Box, margin:0 auto ist ungültig horizontal angeordnet, aber alle Elemente haben eine Standardmäßig beträgt die Lücke 1 Leerzeichen, da zwischen den Elementen ein Wagenrücklauf oder Zeilenvorschub in HTML geschrieben wird, der Browser analysiert ihn in ein Leerzeichen. Häufig verwendete Inline-Blockelemente sind: , HTML-Tag-Typen können konvertiert werden: display:inline; in Inline-Elemente konvertiert display:linline -block;In Inline-Blockelement konvertieren display:block;In Blockebenenelement konvertierenEmpfohlenes Lernen: HTML-Video-Tutorial Das obige ist der detaillierte Inhalt vonWas sind die Klassifizierungen von HTML-Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website! Stellungnahme：Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn Vorheriger Artikel：Was sind die Inline-Blockelemente in HTML?Nächster Artikel：Was sind die Inline-Blockelemente in HTML? In Verbindung stehende Artikel Mehr sehen So fügen Sie SWF-Inhalte in HTML ein Warum gibt es in HTML unter dem chinesischen Text eine gepunktete Linie? So ändern Sie den Seitentitel in HTML Was sind die Inline-Blockelemente in HTML? So behalten Sie Leerzeichen im Text in HTML bei Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！ Über unsHaftungsausschlussSitemap © php.cn All rights reserved