Akapity HTML

Możesz podzielić dokument HTML na kilka akapitów.

Akapity HTML

Akapity są definiowane za pomocą znacznika <p>.

Przykład

<p>To jest akapit</p>
<p>To jest inny akapit</p>

Spróbuj sam

Komentarz:Przeglądarki automatycznie dodają puste linie przed i po akapicie. (<p> to element blokowy)

Wskazówka:Używanie pustych znaczników akapitu <p></p> do wstawiania pustych linii to zły nawyk. Zamiast tego użyj znacznika <br />!(Ale nie używaj znacznika <br /> do tworzenia list. Nie panikuj, nauczysz się tego w kolejnych rozdziałach.)

Nie zapominaj o zakończonych znacznikach

Nawet jeśli zapomnisz użyć zakończonego znacznika, większość przeglądarek poprawnie wyświetli HTML:

Przykład

<p>To jest akapit</p>
<p>To jest inny akapit</p>

Spróbuj sam

Powyższy przykład działa w większości przeglądarek, ale nie polegaj na tym. Zapominanie o zakończonych znacznikach może prowadzić do niespodziewanych wyników i błędów.

Komentarz:W przyszłych wersjach HTML zabronione będzie pomijanie zakończonych znaczników.

Wskazówka:Zakończenie znaczników HTML to metoda pisania HTML, która przetrwa przyszłość. Dookreślenie, gdzie element zaczyna się i kończy, ułatwia zrozumienie kodu zarówno dla Ciebie, jak i przeglądarki.

HTML zagnieżdżanie

Jeśli chcesz wstawić nową linię bez tworzenia nowego akapitu, użyj znacznika <br />:

<p>To jest<br />paragraf z zakładkami liniowymi</p>

Spróbuj sam

Element <br /> jest pustym elementem HTML. Ponieważ zamknięty tag nie ma znaczenia, nie ma końcowego tagu.

<br> czy <br />

Możesz zauważyć, że <br> i <br /> są bardzo podobne.

W XHTML, XML oraz przyszłych wersjach HTML nie jest dozwolone używanie elementów HTML bez zakończeniowych tagów (zamkniętych tagów).

Chociaż <br> jest wyświetlany poprawnie we wszystkich przeglądarkach, użycie <br /> jestDłuższe zabezpieczenie.

Porady dotyczące wyjścia HTML - przydatne wskazówki

Nie możemy dokładnie określić efektu wyświetlania HTML. Rozmiar ekranu oraz dostosowanie okna mogą prowadzić do różnych wyników.

Dla HTML, nie można zmienić efektu wyjścia poprzez dodanie dodatkowych spacji lub wierszy w kodzie HTML.

Podczas wyświetlania strony przeglądarka usuwaKod źródłowyNadmiarowe spacje i puste wiersze. Wszystkie ciągłe spacje lub puste wiersze są traktowane jako pojedynczy spacja. Należy zauważyć, że wszystkie ciągłe puste wiersze (enter) w kodzie HTML są również wyświetlane jako pojedynczy spacja.

Spróbuj sam

(Ten przykład pokazuje kilka problemów formatowania HTML)

Przykłady z tej strony

Akapity HTML
Jak wyświetlić akapit w przeglądarce.
Wiersz
Użycie wiersza w dokumencie HTML
Wstawienie wiersza z kodu HTML
Przeglądarki pomijają nadmiarowych białych znaków w kodzie źródłowym HTML (spacje lub enter itp.).

Więcej przykładów

Więcej akapitów
Domyślne zachowanie akapitu.

Podręcznik tagów HTML

Podręcznik tagów CodeW3C.com oferuje więcej informacji na temat elementów HTML oraz ich atrybutów.

Tag Opis
<p> Zdefiniuj akapit.
<br /> Wstaw pojedynczy wiersz (enter).