' Značka ” se používá k zobrazení textu na webové stránce, která je považována za odstavec. Značka „
“ obsahuje předdefinovanou svislou mezeru, která se přidává před a za odstavec. Text uvnitř značky „
“ se vždy zobrazí na dalším řádku a přeskočí také mezery. Vývojáři mohou použít značku p k oddělení obsahu do samostatných sekcí nebo k logickému uspořádání informací.
Tato příručka ukazuje HTML značku p spolu s praktickou implementací.
Co je HTML p Tag?
' Značka ” se na webové stránce používá ke zlepšení struktury obsahu a zviditelnění textu. Pomáhá v procesu SEO pro webovou stránku, což může zlepšit hodnocení webu ve výsledcích vyhledávání.
Syntax
Syntaxe pro „ Značka ” se zobrazuje jako:
< p > Linux p >
Ve výše uvedeném řádku kódu je „ “ je počáteční značka a “
“ je závěrečná značka. Závěrečný tag je povinné používat, aby se předešlo složitosti a překrývání prvků HTML.
Navštivte níže uvedený příklad, abyste pochopili, jak „ ” tag funguje:
< tělo >< p > Ahoj komunitě Linuxhint p >
tělo >
Výstup výše uvedeného fragmentu kódu je zobrazen níže:
Výše uvedený výstup zobrazuje prostý text, který se zobrazí na obrazovce pomocí „ ” tag.
Jak použít styl CSS na značku
?
' Značka ” přijímá globální atributy jako “ třída “, “ id “ nebo „ styl ” atd., které lze použít pro stylování vybraného prvku pomocí vlastností CSS. Vývojář může použít jeden z globálních atributů k aplikaci vlastností CSS pouze na konkrétní prvky. A pro použití stylů na všechny “ ” značky, které se používají na webové stránce přímo vybírají HTML “ p 'prvek uvnitř souboru CSS nebo '
Příklad 1: Použití vlastností CSS na všechny „p“ prvky
Chcete-li nastavit stejné styly pro všechny prvky HTML
, navštivte níže uvedený fragment kódu:
< styl >p {
barva pozadí: lesní zelená;
barva bílá;
}
styl >
< tělo >
< p > Ahoj komunitě Linuxhint p >
< p > Ahoj komunitě Linuxhint p >
< p > Ahoj komunitě Linuxhint p >
< p > Ahoj komunitě Linuxhint p >
tělo >
Ve výše uvedeném fragmentu kódu je CSS „ barva pozadí ' a ' barva vlastnosti se použijí na p ” prvky přímým výběrem “ p ” volič prvků.
Po provedení výše uvedeného fragmentu kódu vypadá webová stránka takto:
Výše uvedený výstup ukazuje, že stejný styl byl použit u všech „ p ” prvky na webové stránce.
Příklad 2: Použití vlastností CSS na jedinečný prvek „p“.
Pro aplikaci stylů na jedinečné „ p ” lze použít atributy style, id nebo class. Tyto globální atributy aplikují vlastnosti CSS na „ p ” prvek, ke kterému jsou připojeny.
Pojďme navštívit kód:
< styl >p {
barva pozadí: lesní zelená;
barva bílá;
}
.using-class {
barva pozadí: tmavě azurová;
}
#using-id{
barva pozadí: růžovohnědá;
}
styl >
< tělo >
< p > Ahoj komunitě Linuxhint p >
< p styl = 'barva pozadí: červená' > Ahoj komunitě Linuxhint p >
< p třída = 'using-class' > Ahoj komunitě Linuxhint p >
< p id = 'using-id' > Ahoj komunitě Linuxhint p >
< p > Ahoj komunitě Linuxhint p >
tělo >
Ve výše uvedeném fragmentu kódu je vlastnost background-color pro „ p ” prvek má při použití s globálními atributy různé hodnoty.
Po provedení výše uvedeného fragmentu kódu vypadá webová stránka takto:
Výše uvedený výstup ukazuje, že „ p ” prvky mají nyní jedinečný styl pomocí globálních atributů.
Závěr
' ”
.