“ Тег используется для отображения текста на веб-странице, который считается абзацем. Тег «
» поставляется с предопределенным вертикальным пространством, которое добавляется до и после абзаца. Текст внутри тега «
» всегда отображается на следующей строке и также пропускает лишние пробелы. Разработчики могут использовать тег p для разделения содержимого на отдельные разделы или для логической организации информации.
В этом руководстве демонстрируется HTML-тег p вместе с практической реализацией.
Что такое тег HTML p?
“ » используется на веб-странице, чтобы улучшить структуру контента и сделать текст более заметным. Это помогает в процессе SEO для веб-страницы, что может улучшить рейтинг веб-сайта в результатах поиска.
Синтаксис
Синтаксис для « ” отображается как:
< п > линукс п >
В приведенной выше строке кода « » — начальный тег, а «
” — закрывающий тег. Закрывающий тег обязателен для использования, чтобы избежать сложности и дублирования элементов HTML.
Посетите приведенный ниже пример, чтобы понять, как « Тег работает:
< тело >< п > Привет сообществу Linuxhint п >
тело >
Вывод приведенного выше фрагмента кода показан ниже:
Приведенный выше вывод показывает обычный текст, который отображается на экране с помощью « ' ярлык.
Как применить стиль CSS к тегу
?
“ » принимает глобальные атрибуты, такие как « сорт », « идентификатор ' или ' стиль ” и т. д., которые можно использовать для стилизации выбранного элемента с помощью свойств CSS. Разработчик может использовать один из глобальных атрибутов для применения свойств CSS только к определенным элементам. А за применение стилей ко всем « ” теги, которые используются на веб-странице, напрямую выбирают HTML “ п ” внутри файла CSS или “ <стиль> ' ярлык.
Пример 1. Применение свойств CSS ко всем элементам «p»
Чтобы установить одинаковые стили для всех HTML-элементов
, воспользуйтесь приведенным ниже фрагментом кода:
< стиль >п {
фоновый цвет: лесной;
белый цвет;
}
стиль >
< тело >
< п > Привет сообществу Linuxhint п >
< п > Привет сообществу Linuxhint п >
< п > Привет сообществу Linuxhint п >
< п > Привет сообществу Linuxhint п >
тело >
В приведенном выше фрагменте кода CSS « фоновый цвет ' и ' цвет » свойства применяются к « п ', выбрав непосредственно ' п селектор элемента.
После выполнения приведенного выше фрагмента кода веб-страница выглядит так:
Приведенный выше вывод показывает, что один и тот же стиль был применен ко всем « п ” элементы на веб-странице.
Пример 2. Применение свойств CSS к уникальному элементу «p»
Для применения стилей к уникальным « п », можно использовать стиль, идентификатор или атрибуты класса. Эти глобальные атрибуты применяют свойства CSS к « п », к которому они прикреплены.
Давайте посетим код:
< стиль >п {
фоновый цвет: лесной;
белый цвет;
}
.использование класса {
цвет фона: темно-голубой;
}
# использование идентификатора {
цвет фона: розово-коричневый;
}
стиль >
< тело >
< п > Привет сообществу Linuxhint п >
< п стиль '=' 'цвет фона: красный' > Привет сообществу Linuxhint п >
< п сорт '=' 'использующий класс' > Привет сообществу Linuxhint п >
< п идентификатор '=' 'использующий идентификатор' > Привет сообществу Linuxhint п >
< п > Привет сообществу Linuxhint п >
тело >
В приведенном выше фрагменте кода свойство background-color для « п » при использовании с глобальными атрибутами устанавливаются разные значения.
После выполнения приведенного выше фрагмента кода веб-страница выглядит следующим образом:
Приведенный выше вывод показывает, что « п ” элементы теперь имеют уникальный стиль с помощью глобальных атрибутов.
Заключение
“ ”
.