Znacznik HTML <p>
Przykład
Akapit jest oznaczony w następujący sposób:
<p>This is some text in a paragraph.</p>
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Znacznik <p>
definiuje akapit.
Przeglądarki automatycznie dodają pojedynczą pustą linię przed i po każdym <p>
elemencie.
Wskazówka: użyj CSS do stylizacji akapitów .
Obsługa przeglądarki
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Atrybuty globalne
Znacznik <p>
obsługuje również atrybuty globalne w HTML .
Atrybuty wydarzenia
Tag <p>
obsługuje również Atrybuty Zdarzeń w HTML .
Więcej przykładów
Przykład
Wyrównaj tekst w akapicie (za pomocą CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Przykład
Stylizuj akapity za pomocą CSS:
<html>
<head>
<style>
p {
color: navy;
text-indent: 30px;
text-transform: uppercase;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.</p>
</body>
</html>
Przykład
Więcej o akapitach:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Przykład
Problemy z wierszami w HTML:
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My
Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Powiązane strony
Samouczek HTML: akapity HTML
Odniesienie HTML DOM: Obiekt akapitowy
Domyślne ustawienia CSS
Większość przeglądarek wyświetla <p>
element z następującymi wartościami domyślnymi:
Przykład
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}