„ ” тагът се използва за показване на текста на уеб страницата, който се счита за абзац. Тагът „
“ идва с предварително дефинирано вертикално пространство, което се добавя преди и след абзаца. Текстът вътре в тага “
” винаги се показва на следващия ред и също пропуска допълнителни интервали. Разработчиците могат да използват p тага, за да разделят съдържанието на отделни секции или да организират информацията логично.
Това ръководство демонстрира HTML p тага заедно с практическата му реализация.
Какво е HTML p таг?
„ ” се използва в уеб страницата, за да подобри структурата на съдържанието и да направи текста по-забележим. Помага в процеса на SEO за уеб страницата, което може да подобри класирането на уебсайта в резултатите от търсенето.
Синтаксис
Синтаксисът за „ ” тагът се показва като:
< стр > Linux стр >
В горния ред код „ ” е началният таг, а „
” е затварящият таг. Затварящият таг е задължителен за използване, за да се избегне сложността и припокриването на HTML елементите.
Вижте примера по-долу, за да разберете как „ ” таг работи:
< тяло >< стр > Здравейте Linuxhint общност стр >
тяло >
Резултатът от горния кодов фрагмент е показан по-долу:
Горният изход показва обикновения текст, който се показва на екрана с помощта на „ ” таг.
Как да приложа CSS стил към
таг?
„ ” таг приема глобални атрибути като „ клас ”, “ документ за самоличност ' или ' стил ” и т.н., които могат да се използват за стилизиране на избрания елемент чрез CSS свойства. Разработчикът може да използва един от глобалните атрибути, за да приложи CSS свойства само към конкретни елементи. И за прилагане на стилове към всички “ ” тагове, които се използват на уеб страницата директно избират HTML “ стр ” елемент в CSS файла или „ <стил> ” таг.
Пример 1: Прилагане на CSS свойства към всички „p“ елементи
За да зададете едни и същи стилове на всички
HTML елементи, посетете кодовия фрагмент по-долу:
< стил >стр {
цвят на фона: горскозелен;
цвят: бял;
}
стил >
< тяло >
< стр > Здравейте Linuxhint общност стр >
< стр > Здравейте Linuxhint общност стр >
< стр > Здравейте Linuxhint общност стр >
< стр > Здравейте Linuxhint общност стр >
тяло >
В горния кодов фрагмент CSS „ Цвят на фона ' и ' цвят ” свойства се прилагат към „ стр ” чрез директно избиране на „ стр ” селектор на елемент.
След изпълнението на горния кодов фрагмент, уеб страницата изглежда така:
Горният резултат показва, че същият стил е приложен към всички „ стр ” елементи на уеб страницата.
Пример 2: Прилагане на CSS свойства към уникален „p“ елемент
За прилагане на стилове към уникален „ стр ”, могат да се използват атрибутите style, id или class. Тези глобални атрибути прилагат CSS свойства към „ стр ” елемент, към който са прикрепени.
Нека посетим код:
< стил >стр {
цвят на фона: горскозелен;
цвят: бял;
}
.using-клас {
цвят на фона: тъмноциан;
}
#using-id{
цвят на фона: розовокафяв;
}
стил >
< тяло >
< стр > Здравейте Linuxhint общност стр >
< стр стил = 'цвят-фон:червен' > Здравейте Linuxhint общност стр >
< стр клас = 'използване-клас' > Здравейте Linuxhint общност стр >
< стр документ за самоличност = 'using-id' > Здравейте Linuxhint общност стр >
< стр > Здравейте Linuxhint общност стр >
тяло >
В горния кодов фрагмент, свойството цвят на фона за „ стр ” е зададен с различни стойности, когато се използва с глобални атрибути.
След изпълнението на горния кодов фрагмент уеб страницата изглежда така:
Горният резултат показва, че „ стр ” елементите вече са уникално оформени с помощта на глобални атрибути.
Заключение
„ ”
.