HTML ist die Sprache, mit der Webseiten mit verschiedenen Blöcken erstellt werden. Diese Elemente sind im Formularstil in zwei verschiedene Typen unterteilt: HTML-Block-Ebenenelemente und Inline-Elemente. Alle diese Arten von Elementen sind in das Tag von HTML-Blöcken eingeschlossen. Elemente auf Blockebene sind so strukturiert, dass sie das Hauptlayout Ihrer Webseite gestalten.
Wenn es sich um die Strukturansicht handelt, wird eine größere Strukturansicht erstellt als bei der Inline-Elementansicht. Jedes Element auf Blockebene beginnt mit einer neuen Zeile, die die gesamte Breite des Bildschirms einnimmt. Sie müssen innerhalb des öffnenden und schließenden Tags geschrieben werden.
Die Gruppierung von Elementen ist eine wichtige Methode, um das Layout in Abschnitte oder Unterabschnitte zu unterteilen. Es ist möglich, beliebige Blockelemente in ein anderes Blockelement einzufügen, und wir können auch Inline-Elemente in die HTML-Blockelemente einfügen. Es ist jedoch nicht möglich, Elemente auf Blockebene in die Inline-Elemente anstelle von Element-Tags einzufügen.
Die Syntax für verschiedene Elemente auf HTML-Blockebene sieht folgendermaßen aus:
1. div-Element: Es arbeitet als Blockelement, das die gesamte Breite des Bildschirms einnimmt und immer in einer neuen Zeile beginnt.
( ……Lines of code……)
2. table: table wird verwendet, um Daten in tabellarischem Format anzuzeigen, einschließlich Tabellenüberschrift, Tabellenkörper mit Tabellenzeile und Tabellenspalte.
3. Elemente auflisten: Geordnete Liste und ungeordnete Liste.
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
4. Formularelemente einfügen : So fügen Sie Formularelemente ein, um ein HTML-Formular zu erstellen.
Elemente von HTML-Blöcken
Es gibt verschiedene Elemente, die als Elemente auf HTML-Blockebene verwendet werden:
: Mit dem Adress-Tag werden die Kontaktinformationen des Autors im HTML-Artikel angegeben.
: Der Artikel wird verwendet, um den in sich geschlossenen Inhalt anzugeben.
: Dies ist eine Art von Elementen, die sich außerhalb des Hauptinhalts befinden. In der Regel werden sie als Seitenleiste behandelt.
: Wann immer wir Inhalte von einer anderen Quelle nehmen, wird blockquote verwendet.
: Canvas ist ein Element, das in Webdokumenten zur Bereitstellung von Grafikspeicher verwendet wird.
: Es ist das wichtigste Element in der gesamten Webentwicklung, mit dem HTML-Dokumente in Abschnitte oder Unterteilungen unterteilt werden.
: Unabhängig davon, welche gruppenbezogenen Bezeichnungen oder Elemente in Webformularen verwendet werden, die im Fieldset zusammengefasst sind.
: HTML-Formulare werden mit diesem Element auf Blockebene definiert. Es wird am häufigsten im Webentwicklungsprozess verwendet.
: Wird verwendet, um den Fußzeilenabschnitt einer Webseite anzuzeigen.
-
: Dies sind die in der HTML-Sprache verwendeten Überschriften, die die Stufen 1 bis 6 definieren.
: Dieses Element kennzeichnet den Kopfbereich der Webseite.
: Dies ist das neueste in HTML 5 eingeführte Element, das verwendet wird, um den Abschnitt der Seite einschließlich der darin enthaltenen Navigationslinks anzuzeigen.
: Section-Element wird verwendet, um einen generischen Abschnitt zu seinem Dokument darzustellen.
: Wenn wir Daten in Tabellenform anzeigen möchten, ist eine Tabelle die perfekte Lösung. Es wird eine Tabelle für Ihr HTML-Dokument erstellt.
: Wenn Sie Videoinhalte in Ihr HTML-Dokument aufnehmen möchten, können Sie auch einfache Videoelemente in Ihrem Code verwenden.
: Wenn ein Benutzer eine Liste mit Elementen anzeigen möchte, ist dies mit möglich
Element.
: Es wird eine Liste in der geordneten Weise angezeigt.
: Die Liste wird ungeordnet angezeigt.
: Dieses Element wird verwendet, um verschiedene Begriffe im Format der Beschreibungsliste zu beschreiben.
Beispiele für HTML-Blöcke
Hier einige Beispiele für HTML-Blöcke:
Beispiel 1
Im folgenden Beispiel werden einige grundlegende HTML-Blockelemente wie div, p, headings, lists-Element mit der geordneten und ungeordneten Liste usw. verwendet.
Code:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
Dies ist das Beispiel für HTML-Blockelemente mit mehreren Blöcken Darin eingeschlossene Ebenenelemente. Hier können auch Inline-Elemente verwendet werden
Beispiel mit div, p, Überschriftenelementen, Listenelementen
Dieses Beispiel zeigt verschiedene Arten von HTML-Blockelementen wie div, p , Überschriften zwischen h1 und h6
Beispiel für Listen
Eine ungeordnete HTML-Liste mit Ländern
Mumbai
Pune
Nagpur
Eine geordnete HTML-Liste mit Ländern
Mumbai
Pune
Nagpur
Ausgabe:
Beispiel # 2
Hier sehen wir ein weiteres Beispiel, in dem wir eine Tabelle erstellen.
Jetzt erstellen wir mithilfe von HTML-Blockelementen ein HTML-Formular wie folgt:
Code:
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Ausgabe:
Beispiel # 4
Hier versuchen wir, das Element in HTML-Blöcken anzusprechen.
Code:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Ausgabe:
Fazit
Aus allen obigen Informationen wurde der Schluss gezogen, dass das Element HTML blocks im Hauptteil des HTML-Dokuments enthalten ist. Es werden einige große HTML-Blöcke von Abschnitten wie Absätzen oder Seiten mit der Unterteilung erstellt. Man kann ein anderes Element auf Blockebene in die Elemente auf Blockebene aufnehmen. Es ist auch möglich, Inline-Elemente in das Element auf Blockebene aufzunehmen, aber das Einfügen von Elementen auf Blockebene in die Inline-Elemente ist nicht möglich.
Empfohlene Artikel
Dies ist eine Anleitung zu HTML-Blöcken. Hier diskutieren wir die Elemente von HTML-Blöcken zusammen mit den Beispielen und der Code-Implementierung. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -
Einführung in HTML
Erstellen Sie Tabellen in HTML
Bildlink in HTML
HTML5-Elemente
HTML-Layout
Stellen Sie eine Hintergrundfarbe in HTML mit Beispiel ein