Unterschied Zwischen Block- Und Inline-Elementen

2024 Autor: Mildred Bawerman | [email protected]. Zuletzt bearbeitet: 2023-12-16 08:37

Hauptunterschied - Block gegen Inline-Elemente

HTML steht für Hyper Text Markup Language. Es wird zum Erstellen von Webseiten verwendet. Jede Webseite ist über Hyperlinks mit anderen Webseiten verbunden. Diese Sprache besteht aus Tags. Ein Tag ist in spitzen Klammern eingeschlossen. Die Syntax ist ähnlich wie. Die meisten Tags haben auch ein schließendes Tag. Wenn es sich um ein Tag handelt, lautet das schließende Tag. Einige Tags haben kein schließendes Tag. Beispiele für solche Tags sind

und

. Sie werden als leere Tags bezeichnet. Ein HTML-Element ist eine Komponente des HTML-Dokuments oder der Webseite, nachdem es in das Document Object Model (DOM) analysiert wurde. DOM ist eine interne Darstellung im Webbrowser. Es repräsentiert jedes Dokument in einer Baumstruktur. Im Browser können die anzeigbaren Elemente entweder ein Blockelement oder ein Inline-Element sein. Blockelemente haben eine rechteckige Struktur. Die Inline-Elemente können in Blockelemente eingebettet werden. Der Hauptunterschied zwischen Block und Inline-Element besteht darin, dass die Blockelemente die gesamte verfügbare Breite einnehmen, während die Inline-Elemente die erforderliche Breite einnehmen, um den Inhalt der Elemente anzuzeigen.

INHALT

1. Übersicht und Hauptunterschied

2. Was sind Blockelemente

? 3. Was sind Inline-Elemente?

4. Ähnlichkeiten zwischen Block- und Inline-Elementen.

5. Vergleich nebeneinander - Block- und Inline-Elemente in Tabellenform.

6. Zusammenfassung

Was sind Blockelemente?

Blockelemente nehmen die verfügbare volle Breite ein. Diese Elemente beginnen immer mit einer neuen Zeile. Einige Beispiele für Blockelemente sind wie folgt.

wird verwendet, um einen Absatz zu definieren. z. B

Dies ist ein Absatz

. Es gibt sechs Tags zum Definieren von Headern. Sie sind

,

,

…

. Der Programmierer kann den Header entsprechend verwenden.

Die geordnete Liste ist definiert durch

während die ungeordnete Liste durch definiert ist

. Mit wird eine horizontale Linie auf der Webseite angezeigt. Mit wird Daten in einem Tabellenformat angeordnet. Für jede Website ist es erforderlich, Daten von den Website-Besuchern zu sammeln. HTML-Formulare werden verwendet, um Daten vom Benutzer abzurufen. Es ist auch ein Element auf Blockebene. Dies sind einige Beispiele für Blockelemente in HTML.

Was sind Inline-Elemente?

Inline-Elemente haben nur die erforderliche Breite. Diese Elemente beginnen nicht mit einer neuen Zeile. Einige Beispiele für Inline-Elemente sind wie folgt. wird verwendet, um Links von einer Seite zur anderen zu erstellen. Hyperlinks sind eines der wesentlichen Elemente in HTML. Es kann das href-Attribut enthalten, um einen Link zum Ziel zu erstellen. zB Google besuchen. Das Zielattribut ist leer. Daher wird das neue Dokument in einem neuen Fenster geöffnet. Wenn das Zielattribut "_self" lautet, wird das verknüpfte Dokument im selben Fenster geöffnet.

Abbildung 01: Beispiele für Block- und Inline-Elemente

Mit wird ein Textabschnitt fett gedruckt. Das Tag soll den Text kursiv darstellen. Eine Webseite sollte präsentabel sein. Daher besteht jede Webseite aus mehreren Bildern. Mi

wird ein Bild auf der Seite angezeigt. Dieses Tag erfordert zwei Attribute. Sie sind src und alt. Das 'src' beschreibt die Position des Bildes und das 'alt' beschreibt, worum es in dem Bild geht. z. B. Dies sind einige Beispiele für Inline-Elemente.

Was ist die Ähnlichkeit zwischen Block- und Inline-Elementen?

• Block- und Inline-Elemente werden in HTML als Container verwendet.

Was ist der Unterschied zwischen Block- und Inline-Elementen?

Diff Artikel Mitte vor Tabelle

Block gegen Inline-Elemente
Die Blockelemente sind die Elemente, die sich über die gesamte Breite des übergeordneten Elements erstrecken und es keinem anderen Element ermöglichen, denselben horizontalen Raum einzunehmen, auf dem es platziert ist.	Die Inline-Elemente sind die Elemente, die nicht direkt im Body-Element platziert werden können und die in Blockelementen verschachtelt sind.
Neue Zeile
Blockelemente beginnen mit einer neuen Zeile.	Inline-Elemente beginnen nicht mit einer neuen Zeile.
Erforderlicher Platz
Die Blockelemente nehmen die gesamte Breite ein.	Die Inline-Elemente nehmen nur die erforderliche Breite an.

Zusammenfassung - Block vs Inline Elements

HTML steht für Hyper Text Markup. Es ist eine Sprache, die aus Tags besteht. Jedes Tag hat eine bestimmte Aufgabe und definiert, wie die Webseite strukturiert wird. Einige Tags haben das Start- und das End-Tag. Einige Tags haben kein Ending-Tag. Sie werden als leere Tags bezeichnet. Beim Parsen wird die Syntax analysiert. Nach dem Parsing-Schritt werden diese Tags zu Elementen. Elemente können Elemente auf Blockebene oder Inline-Elemente sein. Der Unterschied zwischen Block- und Inline-Elementen besteht darin, dass die Blockelemente die gesamte verfügbare Breite einnehmen, während die Inline-Elemente die erforderliche Breite einnehmen, um den Inhalt der Elemente anzuzeigen.

Laden Sie die PDF-Version von Block vs Inline Elements herunter

Sie können die PDF-Version dieses Artikels herunterladen und gemäß Zitierhinweis für Offline-Zwecke verwenden. Bitte laden Sie die PDF-Version hier herunter: Unterschied zwischen Block- und Inline-Elementen