Unterschied zwischen Block- und Inline-Elementen

Inhaltsverzeichnis:

Unterschied zwischen Block- und Inline-Elementen
Unterschied zwischen Block- und Inline-Elementen

Video: Unterschied zwischen Block- und Inline-Elementen

Video: Unterschied zwischen Block- und Inline-Elementen
Video: HTML Kurs - Inline- und Block-Elemente 2024, Juli
Anonim

Hauptunterschied – Block- und Inline-Elemente

HTML steht für Hyper Text Markup Language. Es wird verwendet, um Webseiten zu erstellen. Jede Webseite ist über Hyperlinks mit anderen Webseiten verbunden. Diese Sprache besteht aus Tags. Ein Tag wird in spitze Klammern eingeschlossen. Die Syntax ähnelt. Die meisten Tags haben auch ein schließendes Tag. When ist ein Tag, das schließende Tag ist. Einige Tags haben kein schließendes Tag. Beispiele für solche Tags sind

und

Unterschied zwischen Block- und Inline-Elementen
Unterschied zwischen Block- und Inline-Elementen

Sie werden als Void-Tags bezeichnet. Ein HTML-Element ist eine Komponente des HTML-Dokuments oder der Webseite, nachdem es in das Document Object Model (DOM) geparst wurde. DOM ist eine interne Darstellung innerhalb des Webbrowsers. Es stellt jedes Dokument in einer Baumstruktur dar. Im Browser können die darstellbaren Elemente entweder ein Block-Element oder ein Inline-Element sein. Blockelemente haben eine rechteckige Struktur. Die Inline-Elemente können in Blockelemente eingebettet werden. Der Hauptunterschied zwischen dem Block- und dem Inline-Element besteht darin, dass die Block-Elemente die volle verfügbare Breite einnehmen, während die Inline-Elemente die erforderliche Breite einnehmen, um den Inh alt der Elemente anzuzeigen.

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. 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 definiert ist durch

. Das wird verwendet, um eine horizontale Linie über die Webseite anzuzeigen. Die

wird verwendet, um Daten in einem Tabellenformat anzuordnen. Für jede Website ist es erforderlich, Daten von den Website-Besuchern zu sammeln. HTML-Formulare werden verwendet, um Daten vom Benutzer zu erh alten. Es ist auch ein Element auf Blockebene. Dies sind einige Beispiele für Blockelemente in HTML.

Was sind Inline-Elemente?

Inline-Elemente nehmen nur die erforderliche Breite ein. Diese Elemente beginnen nicht mit einer neuen Zeile. Einige Beispiele für Inline-Elemente sind wie folgt. wird verwendet, um Links von einer Seite zu einer anderen zu erstellen. Hyperlinks sind eines der wesentlichen Elemente in HTML. Es kann das href-Attribut enth alten, um einen Link zum Ziel zu erstellen. z. B. Besuchen Sie Google. Das Zielattribut ist leer. Daher wird das neue Dokument in einem neuen Fenster geöffnet. Wenn das Zielattribut „_self“ist, wird das verknüpfte Dokument im selben Fenster geöffnet.

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

Daswird verwendet, um einen Textabschnitt fett darzustellen. Das Tag soll den Text kursiv darstellen. Eine Webseite sollte vorzeigbar sein. Daher besteht jede Webseite aus mehreren Bildern. Die

wird verwendet, um ein Bild auf der Seite anzuzeigen. Dieses Tag erfordert zwei Attribute. Sie sind src und alt. Das „src“beschreibt den Speicherort des Bildes und das „ alt“beschreibt, worum es im 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?

Block vs. Inline-Elemente

Die Blockelemente sind die Elemente, die sich über die gesamte Breite des übergeordneten Elements erstrecken und es keinem anderen Element erlauben, denselben horizontalen Platz einzunehmen, auf dem es platziert ist. Die Inline-Elemente sind die Elemente, die nicht direkt innerhalb des body-Elements platziert werden können und die innerhalb von Blockelementen verschachtelt sind.
Neue Zeile
Blockelemente beginnen mit einer neuen Zeile. Inline-Elemente beginnen nicht mit einer neuen Zeile.
Erforderliches Leerzeichen
Die Blockelemente nehmen die gesamte Breite ein. Die Inline-Elemente nehmen nur die erforderliche Breite an.

Zusammenfassung – Block vs. Inline-Elemente

HTML steht für Hyper Text Markup Language. Es ist eine Sprache, die aus Tags besteht. Jedes Tag hat eine bestimmte Aufgabe und definiert, wie die Webseite strukturiert werden soll. Einige Tags haben das Start-Tag und das End-Tag. Einige Tags haben kein End-Tag. Sie werden Void-Tags genannt. Parsing ist der Prozess der Syntaxanalyse. Nach dem Parsing-Schritt werden diese Tags zu Elementen. Elemente können Block-Level-Elemente oder Inline-Elemente sein. Der Unterschied zwischen Block- und Inline-Elementen besteht darin, dass die Block-Elemente die volle verfügbare Breite einnehmen, während die Inline-Elemente die erforderliche Breite einnehmen, um den Inh alt 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äß Zitationshinweis für Offline-Zwecke verwenden. Bitte laden Sie die PDF-Version hier herunter: Unterschied zwischen Block- und Inline-Elementen

Empfohlen: