De ' ” tag wordt gebruikt om de tekst op de webpagina weer te geven die als een alinea wordt beschouwd. De tag '
' wordt geleverd met een vooraf gedefinieerde verticale spatie die voor en na de alinea wordt toegevoegd. De tekst binnen de tag '
' wordt altijd op de volgende regel weergegeven en slaat ook extra spaties over. Ontwikkelaars kunnen de p-tag gebruiken om inhoud op te splitsen in verschillende secties of om informatie logisch te ordenen.
Deze gids demonstreert de HTML p-tag samen met praktische implementatie.
Wat is HTML p-tag?
De ' ” tag wordt gebruikt in de webpagina om de structuur van de inhoud te verbeteren en om de tekst prominenter te maken. Het helpt bij het proces van SEO voor de webpagina, wat de positie van de website in de zoekresultaten kan verbeteren.
Syntaxis
De syntaxis voor de ' ” tag wordt weergegeven als:
< P > Linux P >
In de bovenstaande regel code, de ' ' is de starttag en '
” is de afsluitende tag. De afsluitende tag is verplicht om de complexiteit en overlapping van de HTML-elementen te vermijden.
Bezoek het onderstaande voorbeeld om te begrijpen hoe de ' ”tag werkt:
< lichaam >< P > Hallo Linuxhint-gemeenschap P >
lichaam >
De uitvoer van het bovenstaande codefragment wordt hieronder weergegeven:
De bovenstaande uitvoer toont de platte tekst die op het scherm wordt weergegeven met behulp van de ' ' label.
Hoe CSS-stijl toepassen op
-tag?
De ' ” tag accepteert globale attributen zoals “ klas ”, “ ID kaart ' of ' stijl ” enz. die kunnen worden gebruikt voor het stylen van het geselecteerde element met behulp van CSS-eigenschappen. De ontwikkelaar kan een van de globale attributen gebruiken om CSS-eigenschappen alleen toe te passen op de specifieke elementen. En voor het toepassen van stijlen op iedereen ' ” tags die op de webpagina worden gebruikt, selecteren direct de HTML “ P ” element in het CSS-bestand of “
Voorbeeld 1: CSS-eigenschappen toepassen op alle 'p'-elementen
Voor het instellen van dezelfde stijlen op alle
HTML-elementen, gaat u naar het onderstaande codefragment:
< stijl >P {
achtergrondkleur: bosgroen;
kleur wit;
}
stijl >
< lichaam >
< P > Hallo Linuxhint-gemeenschap P >
< P > Hallo Linuxhint-gemeenschap P >
< P > Hallo Linuxhint-gemeenschap P >
< P > Hallo Linuxhint-gemeenschap P >
lichaam >
In het bovenstaande codefragment is de CSS ' Achtergrond kleur ' En ' kleur ' eigenschappen worden toegepast op ' P ” elementen door direct de “ P 'elementkiezer.
Na de uitvoering van het bovenstaande codefragment ziet de webpagina er als volgt uit:
De bovenstaande uitvoer laat zien dat dezelfde stijl is toegepast op alle ' P ”-elementen op de webpagina.
Voorbeeld 2: CSS-eigenschappen toepassen op uniek 'p'-element
Voor het toepassen van stijlen op unieke “ P ”-elementen kunnen de stijl-, id- of klasse-attributen worden gebruikt. Deze globale attributen passen CSS-eigenschappen toe op de ' P ” element waaraan ze zijn bevestigd.
Laten we een code bezoeken:
< stijl >P {
achtergrondkleur: bosgroen;
kleur wit;
}
.using-klasse {
achtergrondkleur: donkercyaan;
}
#using-id{
achtergrondkleur: rozebruin;
}
stijl >
< lichaam >
< P > Hallo Linuxhint-gemeenschap P >
< P stijl = 'achtergrondkleur:rood' > Hallo Linuxhint-gemeenschap P >
< P klas = 'gebruiksklasse' > Hallo Linuxhint-gemeenschap P >
< P ID kaart = 'gebruik-id' > Hallo Linuxhint-gemeenschap P >
< P > Hallo Linuxhint-gemeenschap P >
lichaam >
In het bovenstaande codefragment is de eigenschap background-color voor de ' P ”-element wordt ingesteld met verschillende waarden wanneer het wordt gebruikt met globale attributen.
Na de uitvoering van het bovenstaande codefragment ziet de webpagina er als volgt uit:
De bovenstaande uitvoer laat zien dat de ' P ”elementen hebben nu een unieke stijl met behulp van globale attributen.
Conclusie
De ' ”
-tag gedemonstreerd.