<p>
Akapit tekstu.
- Wyświetlanie
- block
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść frazowa (phrasing content)
Przykład
#<p>HTML opisuje strukturę strony: co jest nagłówkiem, co akapitem, a co listą.</p>
<p>CSS odpowiada za wygląd, a JavaScript za zachowanie.</p>Definicja i zastosowanie
#Element <p> oznacza akapit, czyli podstawową jednostkę tekstu na stronie. Przeglądarka domyślnie dodaje nad i pod akapitem margines równy wysokości jednej linii.
Akapit może zawierać tylko treść frazową: tekst, linki, wyróżnienia, obrazy i inne elementy liniowe. Nie da się w nim umieścić listy, tabeli, nagłówka ani drugiego akapitu. Jeśli spróbujesz, przeglądarka sama zamknie akapit przed takim elementem.
Znacznik zamykający </p> formalnie można pominąć, ale zawsze warto go pisać. Kod jest wtedy czytelniejszy i nie zaskoczy Cię automatyczne domykanie.
Składnia
#<p>Treść akapitu.</p>Atrybuty
#Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.
Domyślny CSS
#Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:
p {
display: block;
margin-block: 1em;
}Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Nie rób odstępów pustymi akapitami
<p></p>ani wieloma<br>. Odstępy ustawiaj w CSS. - Krótkie akapity czyta się łatwiej, szczególnie na telefonie.
Powiązane hasła
#- <br>Przełamanie linii w miejscu wstawienia, bez zaczynania nowego akapitu.
- <div>Uniwersalny kontener blokowy bez znaczenia, do grupowania elementów i stylowania.
- <span>Uniwersalny kontener liniowy bez znaczenia, do stylowania fragmentu tekstu.
- <blockquote>Dłuższy cytat z innego źródła, wyświetlany jako osobny blok z wcięciem.
- <pre>Tekst sformatowany wstępnie: zachowuje spacje, tabulatory i przełamania linii dokładnie tak, jak w kodzie.
Widzisz błąd albo brakuje przykładu? Napisz do nas.