Heim > Artikel > Web-Frontend > Was sind die HTML-Inline-Elemente und die Blockebene?
Was sind die HTML-Inline-Elemente und die Blockebene?
- DDDOriginal
- 2023-08-21 14:22:234842Durchsuche
HTML-Inline-Elemente und Elemente auf Blockebene umfassen: 1. Inline-Elemente umfassen a, span, strong, em, img, input, button, label usw. 2. Elemente auf Blockebene umfassen div, p, h1-h6 , ul, ol, li, table, form usw.; 3. Als Inline-Elemente und Elemente auf Blockebene werden a, span, img usw. zu Elementen auf Blockebene, wenn „display: block;“ verwendet wird.
Die Betriebsumgebung dieses Artikels: Windows 10-System, Dell G3-Computer.
Elemente in HTML können in zwei Typen unterteilt werden: Inline-Elemente und Elemente auf Blockebene. Diese beiden Elemente haben unterschiedliche Eigenschaften im Seitenlayout und in der Anzeige.
Inline-Elemente:
Inline-Elemente belegen standardmäßig keine Zeile, sie werden horizontal in derselben Zeile angeordnet. Inline-Elemente nehmen nur den für ihren Inhalt erforderlichen Platz ein und erzwingen keine Zeilenumbrüche.
Übliche Inline-Elemente sind:
: werden zum Erstellen von Links verwendet.
: Wird zum Formatieren oder Gruppieren von Inline-Elementen im Text verwendet.
: Text, der zum Ausdruck von Hervorhebungen verwendet wird.
: wird zur Darstellung von kursivem oder hervorgehobenem Text verwendet.
: wird zum Einfügen von Bildern verwendet.
Blockelemente:
Elemente auf Blockebene belegen jeweils eine Zeile und Zeilenumbrüche werden automatisch davor und danach eingefügt. Sie füllen die Breite ihres übergeordneten Elements so weit wie möglich aus.
Gemeinsame Elemente auf Blockebene sind:
: wird zum Definieren von Absätzen verwendet.
-: wird zur Definition des Titels verwendet.
- : wird zum Erstellen ungeordneter Listen verwendet.
- : wird zum Definieren von Listenelementen verwendet.
: wird zum Erstellen von Tabellen verwendet.
- : Wird zum Erstellen geordneter Listen verwendet.