HTML -Absatz

HTML -Absatz
Wann immer wir eine Website besuchen, haben wir mehrere Dinge wie Absätze, Überschriften, Titel usw. gesehen. So fügen Sie solche Elemente auf der Webseite HTML hinzu. Absatz Tag ist einer von ihnen.

Der HTML -Absatz ist ein Element, das einen Text zwischen den Start- und Schluss -Tags enthält. Es wird durch dargestellt durch

Schild. Es gehört zu Elementen auf Blockebene, was a bedeutet

Tag startet immer von einer neuen Linie. Der Browser fügt die Marge vor und nach jedem automatisch hinzu

Schild. Das Absatz -Tag kann die globalen Attribute wie ID, Stil usw. akzeptieren., und Ereignisattribute.

Syntax

Die Syntax des Absatzelements ist unten angegeben:

Inhalt

Wo

wird als Startetikett verwendet und

wird als Schlussetikett verwendet. Das Schlussetikett ist optional und kann übersprungen werden. Um die Komplexität zu vermeiden.

Wie

Tag funktioniert

In diesem Abschnitt wird ein detailliertes Verständnis dafür vorgestellt, wie

Tag funktioniert.

Beispiel 1: Betrachten Sie das folgende Beispiel, um zu verstehen, wie

HTML -Absatz -Tag


Dies ist ein einfaches Beispiel für P -Tag



Der obige Code erstellt ein einfaches Tag mit dem

So fügen Sie Stil auf

Schild

Jetzt müssen Sie sich über seinen Stil wundern, wie Sie die Textausrichtung, die Schriftgröße, die Hintergrundfarbe usw. ändern können. eines Absatzes. Also! Wir können jeden HTML -Absatz mit Hilfe von CSS stylen.

Beispiel 2: Zu diesem Zweck erweitern wir das vorherige Beispiel ein wenig und implementieren Sie einen Stil darauf:



HTML -Absatz -Tag



Dies ist ein einfaches Beispiel für P -Tag



Der obige Code gibt drei Eigenschaften Text-Align, Hintergrundfarbe und Schriftstil innerhalb der Schild. Diese Eigenschaften werden auf den Absatz angewendet und erzeugt die folgende Ausgabe:

So fügen Sie mehreren Absätzen Stil hinzu

Wenn das Dokument mehrere Absätze enthält, wird das angegebene Styling auf allen implementiert

Beispiel 3: Betrachten wir das folgende Beispiel mit drei Tags, wie im folgenden Code gezeigt:



HTML -Absatz -Tag



Dies ist erster Absatz


Dies ist der zweite Absatz


Dies ist der dritte Absatz



Die folgende Ausgabe bestätigt, dass die Eigenschaften, die wir für den Absatz im Style -Tag festgelegt haben, in allen Absätzen implementiert werden:

Wie man jeden Absatz eindeutig stymt

Angenommen, es gibt mehrere Absätze und Sie müssen jeden Absatz unterschiedlich stylen. Ist es möglich?

Ja ist es! Wir können dies auf zwei Arten entweder verwenden, indem wir das Attribut "Inline -Stil" verwenden, oder wir können CSS -Selektoren verwenden.

Beispiel 4: Nehmen wir den folgenden Code an, der den Inline -Stil auf den dritten implementiert

HTML -Absatz -Tag



Dies ist erster Absatz


Dies ist der zweite Absatz


Dies ist der dritte Absatz



Der Inline -Stil wird im dritten Absatz implementiert, während die beiden anderen Absätze gemäß dem internen Stil wie unten gezeigt werden:

Beispiel 5: Betrachten wir den folgenden Code, der einen ID -Selektor verwendet, um den zweiten Absatz zu stylen:



HTML -Absatz -Tag



Dies ist erster Absatz


Dies ist der zweite Absatz


Dies ist der dritte Absatz



Dieses Beispiel beschreibt zwei verschiedene Stile: Der erste und dritte Absatz wird nach dem internen Stil gestaltet. Während der zweite Absatz unterschiedlich gestylt wird, wie in der folgenden Ausgabe gezeigt:

HTML -Anzeige

Es spielt keine Rolle, wie viele zusätzliche Räume oder zusätzliche Linien im Absatz vorhanden sind



HTML -Absatz -Tag


Dies ist der erste
Absatz
mit mehreren
extra
Räume



Im obigen Code gibt es viele zusätzliche Räume und Zeilen. Die Ausgabe bestätigt jedoch, dass die HTML die zusätzlichen Räume vernachlässigt und die folgende Ausgabe erzeugt:

Abschluss

Wie der Name selbst vorschlägt, wird das Absatz -Tag im HTML -Dokument verwendet, um einen Absatz zu erstellen. Es kann auch globale Attribute und Ereignisattribute aufnehmen. Für fortgeschrittenes Styling können CSS verwendet werden, z. B. Hintergrundfarbe, Schriftstil, Textausrichtung usw.

Diese Beschreibung hat einen vollständigen Überblick über den HTML-Absatz gezeigt, in dem wir gelernt haben, wie man einen Absatz in HTML erstellt, welche Attribute

Tag kann und wie man einige Stilmuster mithilfe von Beispielen mit CSS in einen Absatz einbettet, in einen Absatz einbettet.