Тег <p>

Тег <p> (укр. – “абзац”) в HTML використовується для визначення абзацу тексту. Абзаци є основними структурними елементами текстових блоків на веб-сторінках. Візуально абзаци зазвичай відображаються з відступом зверху та знизу або з порожніми рядками між ними.

Тег <p> є блоковим елементом, що означає, що він завжди починається з нового рядка, а наступні елементи теж відображаються з нових рядків після закінчення абзацу.

Якщо наступний абзац або інший блоковий елемент розміщений після поточного абзацу, браузери автоматично додадуть простір між ними. Цей простір та відступи можуть бути налаштовані за допомогою CSS (наприклад, через властивості margin або padding).

Важливо відзначити, що якщо всередині абзацу з’являється інший блоковий елемент (наприклад, заголовок або список), тег <p> автоматично закривається.

Атрибути

Специфічні атрибути

Тег <p> не має специфічних атрибутів.

Глобальні атрибути

Найпопулярніші глобальні атрибути, які використовуються на заголовках:

• id — унікальний ідентифікатор елемента на сторінці, який можна використовувати для посилань, стилізації або JavaScript-операцій;
• class — клас, який допомагає стилізувати або групувати елементи;
• style — атрибут для інлайн-стилізації конкретного елемента;
• lang — атрибут для вказання мови вмісту елементу;
• dir — атрибут, який вказує напрямок тексту (наприклад, “ltr” — зліва направо, “rtl” — справа наліво);
• hidden — приховує елемент від відображення.

Приклад використання:

<p>Це приклад текстового абзацу</p>
<p id="introduction" class="text-paragraph">Це приклад текстового абзацу. Він відображається з відступом зверху та знизу, відповідно до стандартного стилю браузера.</p>

Додаткові моменти

• Тег <p> є парним елементом, тому його потрібно обов’язково закривати;
• Абзац автоматично закривається, якщо інший блоковий елемент з’являється перед закриваючим тегом </p>;
• Відстані між абзацами, колір та інші властивості можуть бути налаштовані через CSS для досягнення бажаного вигляду.