' Značka ” sa používa na zobrazenie textu na webovej stránke, ktorý sa považuje za odsek. Značka „
“ sa dodáva s preddefinovanou zvislou medzerou, ktorá sa pridáva pred a za odsek. Text v značke „
“ sa vždy zobrazí na ďalšom riadku a preskočí aj medzery navyše. Vývojári môžu použiť značku p na oddelenie obsahu do samostatných sekcií alebo na logické usporiadanie informácií.
Táto príručka ukazuje značku HTML p spolu s praktickou implementáciou.
Čo je HTML p Tag?
' Značka ” sa na webovej stránke používa na zlepšenie štruktúry obsahu a na zvýraznenie textu. Pomáha v procese SEO pre webovú stránku, čo môže zlepšiť hodnotenie webovej stránky vo výsledkoch vyhľadávania.
Syntax
Syntax pre „ Značka ” sa zobrazuje ako:
< p > Linux p >
Vo vyššie uvedenom riadku kódu je „ “ je počiatočná značka a “
“ je záverečná značka. Záverečná značka je povinná používať, aby sa predišlo zložitosti a prekrývaniu prvkov HTML.
Pozrite si nižšie uvedený príklad, aby ste pochopili, ako „ ” tag funguje:
< telo >< p > Dobrý deň, komunita Linuxhint p >
telo >
Výstup vyššie uvedeného útržku kódu je zobrazený nižšie:
Vyššie uvedený výstup zobrazuje obyčajný text, ktorý sa zobrazuje na obrazovke pomocou „ ” tag.
Ako použiť štýl CSS na značku
?
' Značka ” akceptuje globálne atribúty ako “ trieda “, “ id “ alebo „ štýl ” atď., ktoré možno použiť na štýlovanie vybraného prvku pomocou vlastností CSS. Vývojár môže použiť jeden z globálnych atribútov na použitie vlastností CSS iba na konkrétne prvky. A pre aplikáciu štýlov na všetky “ ” značky, ktoré sa používajú na webovej stránke priamo vyberú HTML “ p prvok v súbore CSS alebo ” tag.
Príklad 1: Použitie vlastností CSS na všetky „p“ prvky
Ak chcete nastaviť rovnaké štýly pre všetky prvky HTML
, navštívte nasledujúci útržok kódu:
< štýl >p {
farba pozadia: lesná zelená;
farba: biela;
}
štýl >
< telo >
< p > Dobrý deň, komunita Linuxhint p >
< p > Dobrý deň, komunita Linuxhint p >
< p > Dobrý deň, komunita Linuxhint p >
< p > Dobrý deň, komunita Linuxhint p >
telo >
Vo vyššie uvedenom útržku kódu je CSS „ farba pozadia “ a „ farba vlastnosti sa použijú na p “, priamym výberom položky “ p ” selektor prvkov.
Po vykonaní vyššie uvedeného útržku kódu bude webová stránka vyzerať takto:
Vyššie uvedený výstup ukazuje, že rovnaký štýl bol aplikovaný na všetky „ p prvky na webovej stránke.
Príklad 2: Použitie vlastností CSS na jedinečný prvok „p“.
Na aplikáciu štýlov na jedinečné „ p ” možno použiť atribúty štýlu, id alebo triedy. Tieto globálne atribúty aplikujú vlastnosti CSS na „ p ” prvok, ku ktorému sú pripojené.
Navštívme kód:
< štýl >p {
farba pozadia: lesná zelená;
farba: biela;
}
.using-class {
farba pozadia: tmavoazúrová;
}
#using-id{
farba pozadia: ružovohnedá;
}
štýl >
< telo >
< p > Dobrý deň, komunita Linuxhint p >
< p štýl = 'farba pozadia: červená' > Dobrý deň, komunita Linuxhint p >
< p trieda = 'trieda použitia' > Dobrý deň, komunita Linuxhint p >
< p id = 'using-id' > Dobrý deň, komunita Linuxhint p >
< p > Dobrý deň, komunita Linuxhint p >
telo >
Vo vyššie uvedenom útržku kódu je vlastnosť farby pozadia pre „ p ” má pri použití s globálnymi atribútmi rôzne hodnoty.
Po vykonaní vyššie uvedeného útržku kódu bude webová stránka vyzerať takto:
Vyššie uvedený výstup ukazuje, že „ p ” prvky sú teraz jedinečne štylizované pomocou globálnych atribútov.
Záver
' ”
.