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>
Przykład 2
Wyśrodkuj tekst w akapicie (używając CSS):
<p style="text-align:right">To niektóre teksty w akapicie.</p>
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>
Przykład 4
Więcej paragrafów:
<p> w kodzie źródłowym, Ten paragraf zawierają wiele wierszy, Ale przeglądarki Zignoruj to. </p>
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>
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; }
Obsługa przeglądarek
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Wsparcie | Wsparcie | Wsparcie | Wsparcie | Wsparcie |