„ <п> ” ознака се користи за приказ текста на веб страници који се сматра пасусом. Ознака “<п>” долази са унапред дефинисаним вертикалним размаком који се додаје пре и после пасуса. Текст унутар ознаке „<п>” се увек приказује у следећем реду и такође прескаче додатне размаке. Програмери могу да користе ознаку п да раздвоје садржај у различите одељке или да логички организују информације.
Овај водич демонстрира ХТМЛ п таг заједно са практичном имплементацијом.
Шта је ХТМЛ п ознака?
„ <п> ” ознака се користи на веб страници да побољша структуру садржаја и учини текст истакнутијим. Помаже у процесу СЕО за веб страницу што може побољшати рангирање веб странице у резултатима претраге.
Синтакса
Синтакса за „ <п> ” ознака је приказана као:
< стр > Линук стр >
У горњем реду кода, „ <п> ” је почетна ознака, а “ ” је завршна ознака. Завршна ознака је обавезна да се користи да би се избегла сложеност и преклапање ХТМЛ елемената.
Посетите пример у наставку да бисте разумели како „ <п> ” ознака ради:
< тело >< стр > Здраво Линукхинт заједница стр >
тело >
Излаз горњег исечка кода је приказан у наставку:
Горњи излаз приказује обичан текст који се приказује на екрану помоћу „ <п> ” ознака.
Како применити ЦСС стил на <п> ознаку?
„ <п> ” ознака прихвата глобалне атрибуте попут “ класа ”, “ ид ” или “ стил ” итд. који се могу користити за стилизовање изабраног елемента користећи ЦСС својства. Програмер може да користи један од глобалних атрибута да примени ЦСС својства само на одређене елементе. И за примену стилова на све „ <п> ” ознаке које се користе на веб страници директно бирају ХТМЛ “ стр ” елемент унутар ЦСС датотеке или „ <стиле> ” ознака.
Пример 1: Примена ЦСС својстава на све „п“ елементе
Да бисте подесили исте стилове за све <п> ХТМЛ елементе, посетите доњи исечак кода:
< стил >стр {
боја позадине: шумскозелена;
бела боја;
}
стил >
< тело >
< стр > Здраво Линукхинт заједница стр >
< стр > Здраво Линукхинт заједница стр >
< стр > Здраво Линукхинт заједница стр >
< стр > Здраво Линукхинт заједница стр >
тело >
У горњем исечку кода, ЦСС “ боја позадине ' и ' боја ” својства се примењују на „ стр ” елементе директним избором „ стр ” селектор елемената.
Након извршења горњег исечка кода, веб страница изгледа овако:
Горњи излаз показује да је исти стил примењен на све „ стр ” елементи на веб страници.
Пример 2: Примена ЦСС својстава на јединствени „п“ елемент
За примену стилова на јединствени “ стр ” могу се користити атрибути стила, ид или класе. Ови глобални атрибути примењују ЦСС својства на „ стр ” елемент за који су причвршћени.
Хајде да посетимо код:
< стил >стр {
боја позадине: шумскозелена;
бела боја;
}
.усинг-цласс {
боја позадине: тамноцијан;
}
#усинг-ид{
боја позадине: ружичастосмеђа;
}
стил >
< тело >
< стр > Здраво Линукхинт заједница стр >
< стр стил = 'боја позадине: црвена' > Здраво Линукхинт заједница стр >
< стр класа = 'употреба-класа' > Здраво Линукхинт заједница стр >
< стр ид = 'усинг-ид' > Здраво Линукхинт заједница стр >
< стр > Здраво Линукхинт заједница стр >
тело >
У горњем исечку кода, својство боје позадине за „ стр ” елемент се поставља са различитим вредностима када се користи са глобалним атрибутима.
Након извршења горњег исечка кода, веб страница изгледа овако:
Горњи излаз показује да је „ стр ” елементи су сада јединствено стилизовани уз помоћ глобалних атрибута.
Закључак
„ <п>” таг је основни елемент у ХТМЛ-у који помаже у структурирању и организовању садржаја веб странице. Побољшава читљивост и приступачност и помаже у оптимизацији претраживача. Подаци који ће бити приказани смештени су унутар ознака „ стр ” елемент. Глобални атрибути попут „ ид ”, “ класе ” или “ стил ” може да се користи за примену ЦСС стила на „ стр ” елемент. Овај водич је демонстрирао ХТМЛ ознаку <п>.