« ”-taggen brukes til å vise teksten på nettsiden som regnes som et avsnitt. «
»-koden kommer med et forhåndsdefinert vertikalt mellomrom som legges til før og etter avsnittet. Teksten inne i «
»-taggen vises alltid på neste linje og hopper over ekstra mellomrom også. Utviklere kan bruke p-taggen til å dele innhold i forskjellige deler eller for å organisere informasjon logisk.
Denne veiledningen demonstrerer HTML p-taggen sammen med praktisk implementering.
Hva er HTML p Tag?
« ”-taggen brukes på nettsiden for å forbedre strukturen til innholdet og for å gjøre teksten mer fremtredende. Det hjelper i prosessen med SEO for nettsiden som kan forbedre nettstedets rangering i søkeresultatene.
Syntaks
Syntaksen for ' '-taggen vises som:
< s > Linux s >
I kodelinjen ovenfor, ' ' er startkoden, og '
” er den avsluttende taggen. Den avsluttende taggen er obligatorisk å bruke for å unngå kompleksiteten og overlappingen av HTML-elementene.
Besøk eksemplet nedenfor for å forstå hvordan ' ' tag fungerer:
< kropp >< s > Hei Linuxhint-fellesskap s >
kropp >
Utdataene fra kodebiten ovenfor vises nedenfor:
Utgangen ovenfor viser ren tekst som vises på skjermen ved å bruke ' ' stikkord.
Hvordan bruke CSS Styling til
Tag?
« '-taggen godtar globale attributter som ' klasse ', ' id ' eller ' stil ” etc. som kan brukes til å style det valgte elementet ved hjelp av CSS-egenskaper. Utvikleren kan bruke en av de globale attributtene til å bruke CSS-egenskaper kun på de spesifikke elementene. Og for å bruke stiler på alle ' '-tagger som brukes på nettsiden, velger direkte HTML-koden ' s 'element inne i CSS-filen eller '
Eksempel 1: Bruk av CSS-egenskaper på alle 'p'-elementer
For å angi de samme stilene på alle
HTML-elementer, gå til kodebiten nedenfor:
< stil >s {
bakgrunnsfarge: skoggrønn;
farge: hvit;
}
stil >
< kropp >
< s > Hei Linuxhint-fellesskap s >
< s > Hei Linuxhint-fellesskap s >
< s > Hei Linuxhint-fellesskap s >
< s > Hei Linuxhint-fellesskap s >
kropp >
I kodebiten ovenfor, CSS ' bakgrunnsfarge ' og ' farge ' egenskaper brukes på ' s ' elementer ved å velge ' s ' elementvelger.
Etter utførelse av kodebiten ovenfor, ser nettsiden slik ut:
Utdataene ovenfor viser at den samme stilen har blitt brukt på alle ' s '-elementer på nettsiden.
Eksempel 2: Bruk av CSS-egenskaper på unike 'p'-elementer
For å bruke stiler på unike ' s '-elementer, kan stil-, id- eller klasseattributtene brukes. Disse globale attributtene bruker CSS-egenskaper på ' s ' element som de er festet til.
La oss besøke en kode:
< stil >s {
bakgrunnsfarge: skoggrønn;
farge: hvit;
}
.using-class {
bakgrunnsfarge: mørkcyan;
}
#using-id{
bakgrunnsfarge: rosabrun;
}
stil >
< kropp >
< s > Hei Linuxhint-fellesskap s >
< s stil = 'bakgrunnsfarge:rød' > Hei Linuxhint-fellesskap s >
< s klasse = 'bruker-klassen' > Hei Linuxhint-fellesskap s >
< s id = 'bruker-id' > Hei Linuxhint-fellesskap s >
< s > Hei Linuxhint-fellesskap s >
kropp >
I kodebiten ovenfor er bakgrunnsfargeegenskapen for ' s ”-elementet er satt med forskjellige verdier når det brukes med globale attributter.
Etter utførelse av kodebiten ovenfor, ser nettsiden slik ut:
Utgangen ovenfor viser at ' s '-elementer er nå unikt stil ved hjelp av globale attributter.
Konklusjon
« ”
.