Akapity HTML
Akapit zawsze zaczyna się w nowym wierszu i zwykle jest blokiem tekstu.
Akapity HTML
Element HTML <p>
definiuje akapit.
Akapit zawsze zaczyna się w nowym wierszu, a przeglądarki automatycznie dodają trochę odstępu (marginesu) przed i po akapicie.
Przykład
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Wyświetlanie HTML
Nie możesz być pewien, jak będzie wyświetlany kod HTML.
Duże lub małe ekrany oraz okna o zmienionym rozmiarze dadzą różne wyniki.
W języku HTML nie można zmienić sposobu wyświetlania, dodając dodatkowe spacje lub dodatkowe wiersze w kodzie HTML.
Przeglądarka automatycznie usunie wszelkie dodatkowe spacje i linie po wyświetleniu strony:
Przykład
<p>
This paragraph
contains a lot of lines
in the source code,
but
the browser
ignores it.
</p>
<p>
This paragraph
contains
a lot of spaces
in the source
code,
but the browser
ignores
it.
</p>
Reguły poziome HTML
Tag <hr>
definiuje przerwę tematyczną na stronie HTML i jest najczęściej wyświetlany jako pozioma linia.
Element <hr>
służy do oddzielania treści (lub definiowania zmiany) na stronie HTML:
Przykład
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
Znacznik <hr>
jest pustym znacznikiem, co oznacza, że nie ma znacznika końcowego.
Podział wierszy HTML
Element HTML <br>
definiuje łamanie wiersza.
Użyj <br>
, jeśli chcesz łamać wiersz (nowy wiersz) bez rozpoczynania nowego akapitu:
Przykład
<p>This is<br>a paragraph<br>with line breaks.</p>
Znacznik <br>
jest pustym znacznikiem, co oznacza, że nie ma znacznika końcowego.
Problem z wierszem
Ten wiersz zostanie wyświetlony w jednym wierszu:
Przykład
<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>
Rozwiązanie — element HTML <pre>
Element HTML <pre>
definiuje wstępnie sformatowany tekst.
Tekst wewnątrz <pre>
elementu jest wyświetlany czcionką o stałej szerokości (zwykle Courier) i zachowuje zarówno spacje, jak i podziały wierszy:
Przykład
<pre>
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.
</pre>
Ćwiczenia HTML
Odniesienie do tagu HTML
Odwołanie do tagu W3Schools zawiera dodatkowe informacje o elementach HTML i ich atrybutach.
Tag | Description |
---|---|
<p> | Defines a paragraph |
<hr> | Defines a thematic change in the content |
<br> | Inserts a single line break |
<pre> | Defines pre-formatted text |
Pełną listę wszystkich dostępnych tagów HTML można znaleźć w naszym podręczniku HTML Tag Reference .