Akapity i linie
Akapity i linie są podstawowymi elementami formatowania tekstu w HTML, które umożliwiają organizację treści na stronie internetowej, tym samym poprawiając jej czytelność i estetykę. Akapity są wykorzystywane również przez wyszukiwarki internetowe takie jak Google do indeksowania treści. Dlatego podobnie jak nagłówki HTML są przydatne w procesie optymalizacji SEO.
Akapity
Akapity dodajemy za pomocą znacznika <p>, który w HTML otacza blok tekstu. Przeglądarki automatycznie dodają odstępy przed i po akapicie, oddzielając go wizualnie od innych elementów na stronie. Akapity są używane do przedstawienia różnych sekcji tekstu, takich jak paragrafy w artykule, czy też do oddzielania różnych części zawartości na stronie.
Przykład użycia akapitów:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur posuere elit vitae ante cursus, sit amet aliquet lacus varius.</p>
<p>Etiam congue, nisi vel dignissim pulvinar, eros massa fermentum ligula, a euismod orci sem vitae ligula. Sed in turpis et justo facilisis dapibus.</p>Linie
W przypadku, gdy chcemy wymusić nową linię tekstu bez tworzenia nowego akapitu, używamy znacznika <br>. Znacznik <br> jest samozamykający, co oznacza, że nie potrzebuje oddzielnego znacznika zamykającego. Zwykle stosuje się go w miejscach, gdzie chcemy zachować ciągłość tekstu, ale umieścić pewne jego części w osobnych liniach, np. w adresach, wierszach poezji czy tytułach i podtytułach.
Przykład użycia linii:
<p>Adres:</p>
<p>ul. Słoneczna 12<br>
00-001 Warszawa<br>
Polska</p>
<p>Wiersz:</p>
<pre>Róża kwitnie, róża więdnie,
<br>Lecz miłość trwa na wieki.
<br>Niechaj wiec serce twe zbudzi
<br>Wiosna – miłości czas.</pre>Niestety nigdy nie możemy być pewni tego, jak HTML zostanie wyświetlony. Duże lub małe ekrany i okna o zmienionych rozmiarach będą w zupełnie inny sposób wyświetlały ten sam fragment akapitu. W przypadku języka HTML nie można zmienić sposobu wyświetlania, dodając dodatkowe spacje lub wiersze w kodzie HTML. Przeglądarka automatycznie usunie dodatkowe spacje oraz linie podczas wyświetlania strony.
Dlatego warto zwrócić uwagę na znacznik <pre>, który jest używany do wyświetlania tekstu z zachowaniem formatowania, takiego jak spacje czy wcięcia. Jest to przydatne w przypadku wierszy, kodu źródłowego, czy innych elementów, które wymagają zachowania oryginalnego formatowania.
Warto zapamiętać
Akapity i linie są kluczowymi elementami formatowania tekstu w HTML. Akapity, tworzone za pomocą znacznika <p>, oddzielają większe bloki tekstu, natomiast nowe linie, tworzone za pomocą znacznika <br>, który pozwalaja wymusić nową linię w miejscach, gdzie nie jest konieczne tworzenie nowego akapitu. Korzystając z tych elementów, można uzyskać czytelną i estetyczną strukturę tekstu na stronie internetowej.
Czy ten poradnik był pomocny?
Mateusz Turek
Swoją przygodę z projektowaniem stron internetowych rozpocząłem z kursem od Komputer Świat wydanym w marcu 2003 roku w formie małej książeczki. Na przestrzeni 20 lat zaprojektowałem niezliczoną ilość witryn i aplikacji internetowych. Projektowałem dla małych i dużych firm takich jak Oriflame, Top Market, Bezpieczna Rodzina czy Helping Hand.
