Der ' Das Tag „“ wird verwendet, um den Text auf der Webseite anzuzeigen, der als Absatz betrachtet wird. Das „
“-Tag verfügt über einen vordefinierten vertikalen Abstand, der vor und nach dem Absatz eingefügt wird. Der Text innerhalb des „
“-Tags wird immer in der nächsten Zeile angezeigt und überspringt auch zusätzliche Leerzeichen. Entwickler können das p-Tag verwenden, um Inhalte in verschiedene Abschnitte zu unterteilen oder Informationen logisch zu organisieren.
In diesem Leitfaden wird das HTML-p-Tag zusammen mit der praktischen Implementierung demonstriert.
Was ist ein HTML-p-Tag?
Der ' Das „Tag“ wird auf der Webseite verwendet, um die Struktur des Inhalts zu verbessern und den Text hervorzuheben. Es hilft beim SEO-Prozess für die Webseite, wodurch das Ranking der Website in den Suchergebnissen verbessert werden kann.
Syntax
Die Syntax für „ „Tag wird angezeigt als:
< P > Linux P >
In der obigen Codezeile steht das „ „ist das Start-Tag und „
„ist das schließende Tag. Die Verwendung des schließenden Tags ist obligatorisch, um die Komplexität und Überlappung der HTML-Elemente zu vermeiden.
Sehen Sie sich das folgende Beispiel an, um zu verstehen, wie das „ „Tag funktioniert:
< Körper >< P > Hallo Linuxhint-Community P >
Körper >
Die Ausgabe des obigen Codeausschnitts wird unten angezeigt:
Die obige Ausgabe zeigt den Klartext, der mit dem Befehl „ auf dem Bildschirm angezeigt wird. ' Schild.
Wie wende ich CSS-Styling auf das
-Tag an?
Der ' „Tag akzeptiert globale Attribute wie „ Klasse “, „ Ausweis ' oder ' Stil ” usw., die zum Gestalten des ausgewählten Elements mithilfe von CSS-Eigenschaften verwendet werden können. Der Entwickler kann eines der globalen Attribute verwenden, um CSS-Eigenschaften nur auf die spezifischen Elemente anzuwenden. Und für die Anwendung von Stilen auf alle „ „Tags, die auf der Webseite verwendet werden, wählen direkt den HTML-Code aus“ P ” Element in der CSS-Datei oder „
Beispiel 1: Anwenden von CSS-Eigenschaften auf alle „p“-Elemente
Um die gleichen Stile für alle
-HTML-Elemente festzulegen, besuchen Sie das folgende Code-Snippet:
< Stil >P {
Hintergrundfarbe: waldgrün;
Farbe weiß;
}
Stil >
< Körper >
< P > Hallo Linuxhint-Community P >
< P > Hallo Linuxhint-Community P >
< P > Hallo Linuxhint-Community P >
< P > Hallo Linuxhint-Community P >
Körper >
Im obigen Codeausschnitt ist das CSS „ Hintergrundfarbe ' Und ' Farbe „Eigenschaften werden angewendet auf „ P ”-Elemente durch direkte Auswahl der „ P ” Elementselektor.
Nach der Ausführung des obigen Codeausschnitts sieht die Webseite folgendermaßen aus:
Die obige Ausgabe zeigt, dass auf alle „ P ”Elemente auf der Webseite.
Beispiel 2: Anwenden von CSS-Eigenschaften auf ein eindeutiges „p“-Element
Zum Anwenden von Stilen auf einzigartige „ P „Elemente, die Stil-, ID- oder Klassenattribute können verwendet werden. Diese globalen Attribute wenden CSS-Eigenschaften auf „ P ” Element, an das sie gebunden sind.
Besuchen wir einen Code:
< Stil >P {
Hintergrundfarbe: waldgrün;
Farbe weiß;
}
.using-Klasse {
Hintergrundfarbe: Dunkelcyan;
}
#using-id{
Hintergrundfarbe: rosabraun;
}
Stil >
< Körper >
< P > Hallo Linuxhint-Community P >
< P Stil = „Hintergrundfarbe:rot“ > Hallo Linuxhint-Community P >
< P Klasse = „using-class“ > Hallo Linuxhint-Community P >
< P Ausweis = „using-id“ > Hallo Linuxhint-Community P >
< P > Hallo Linuxhint-Community P >
Körper >
Im obigen Codeausschnitt ist die Eigenschaft „Hintergrundfarbe“ für „ P Das Element wird mit unterschiedlichen Werten festgelegt, wenn es mit globalen Attributen verwendet wird.
Nach der Ausführung des obigen Codeausschnitts sieht die Webseite folgendermaßen aus:
Die obige Ausgabe zeigt, dass die „ P „Elemente werden jetzt mithilfe globaler Attribute eindeutig gestylt.
Abschluss
Der ' “
demonstriert.