Tag HTML <p>

Definicja i użycie

<p> tag definiuje akapit.

Przeglądarka automatycznie umieszcza w każdym <p> Dodaj pustą linię przed i po elemencie.

Wskazówka:Użyj CSS Ustawienie stylu akapitu.

Zobacz również:

Kurs HTML:Paragraf HTML

Podręcznik HTML DOM:Obiekt Paragraph

Przykład

Przykład 1

Oznacz akapit w ten sposób:

<p>To niektóre teksty w akapicie.</p>

Spróbuj sam

Przykład 2

Wyśrodkuj tekst w akapicie (używając CSS):

<p style="text-align:right">To niektóre teksty w akapicie.</p>

Spróbuj sam

Przykład 3

Użyj CSS do ustawienia stylu akapitu:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>Chiny, oficjalnie Republika Chińska (PRC), to kraj w Azji Wschodniej. Jest to drugie najbardziej zaludnione państwo świata, z populacją przekraczającą 1,4 miliarda. Chiny zajmują obszar równy pięciu strefom czasowym i graniczą z czternastoma krajami lądowymi. Z powierzchnią blisko 9,6 miliona kilometrów kwadratowych (3,700,000 mil kwadratowych), jest trzecim największym krajem pod względem powierzchni lądowej. Kraj podzielony jest na 22 prowincje, pięć regionów autonomicznych, cztery miasta i dwa specjalne regiony administracyjne o częściowej autonomii. Pekin jest stolicą narodową, podczas gdy Szanghaj jest najbardziej zaludnionym miastem i największym ośrodkiem finansowym.</p>
</body>
</html>

Spróbuj sam

Przykład 4

Więcej paragrafów:

<p>
w kodzie źródłowym,
Ten paragraf
zawierają wiele wierszy,
Ale przeglądarki
Zignoruj to.
</p>

Spróbuj sam

Przykład 5

Problem poezji w HTML:

<p>
  Rano pożegnałem się z Caiyun w Baidi,
  Jednego dnia wróciłem do Jiangling na tysiąc mil.
  Głosy małp na obu brzegach nie przestają się krzyczeć,
  Lebiedź już przeszła przez tysiące wzgórz.
</p>

Spróbuj sam

Globalne atrybuty

<p> Tagi te obsługują również Globalne atrybuty HTML.

Atrybuty zdarzeń

<p> Tagi te obsługują również Atrybuty zdarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek użyje następujących domyślnych wartości do wyświetlania <p> Element:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

Spróbuj sam

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie