<h1>To jest bardzo duży tekst</h1>
<h2>ten jest trochę mniejszy</h2>
<h3>ten jeszcze mniejszy</h3>
<h6>a ten najmniejszy</h6>
To jest bardzo duży tekst
ten jest trochę mniejszy
ten jeszcze mniejszy
a ten najmniejszy
Linia oddzielająca
<hr />
Podział tekstu na linie
<p>
To jest pierwsze zdanie
</p>
<p>
A to jest drugie
</p>
Są też inne sposoby na pisanie <br/>
w kilku linijkach
To jest pierwsze zdanie
A to jest drugie
Są też inne sposoby na pisanie
w kilku linijkach
Pogrubienie tekstu
Test można pisać <strong>pogrubiony</strong>,
albo <i>pochylony</i>
albo <strong><i>i jedno, i drugie</i></strong>
Tekst może też być <s>przekreślony</s>
Tekst można pisać pogrubiony,
albo pochylony
albo i jedno, i drugie.
Tekst może też być przekreślony
<ul>
<li>Tak robi się listę</li>
<li>można w niej zapisać kilka punktów</li>
<li>punkt 3</li>
<li>punkt 4</li>
</ul>
<ol>
<li>Listy mogą też być numerowane</li>
<li>Kolejny punkt z numerem dwa</li>
<li>numer trzy</li>
</ol>
Tak robi się listę
można w niej zapisać kilka punktów
punkt 3
punkt 4
Listy mogą też być numerowane
Kolejny punkt z numerem dwa
numer trzy
Kolor tekstu
W ten sposób można zmienić <span style="color: red">styl tekstu</span>.
Można też użyć innych <span style="color: blue">angielskich nazw kolorów</span>
W ten sposób można zmienić styl tekstu.
Można też użyć innych angielskich nazw kolorów.
Wielkość tekstu
Styl to też <span style="font-size: 50px">wielkość</span> tekstu.
Styl to też wielkość tekstu.
Różne style
Style można też <span style="font-size: 50px; color: red">łączyć</span>.
Style można też łączyć.
Kolor tła
A tak zmienia się <span style="background-color: yellow">kolor tła</span>.
Styl można też zmieniać dla innych elementów:
<button style="background-color: yellow">Kolorowy przcisk</button>
A tak zmienia się kolor tła.
Kolor też można zminiać dla innych elementów:
Ramki
<p style="border: 1px solid red">
Tak robi się czerwoną ramkę
</p>
<p style="border: 1px dashed black">
Tak powstaje przerywana ramka
</p>
<p style="border: 5px solid black">
Ramkę można też pogrubić
</p>
Tak robi się czerwoną ramkę
Tak powstaje przerywana ramka
Ramkę można też pogrubić
Szerokość i wysokość
<p style="background-color: pink; width: 200px">
Tak ustawia się szerokość elementu
</p>
<p style="background-color: pink; height: 200px">
Tak ustawia się wysokość elementu
</p>
<p style="background-color: pink; width: 200px; height: 200px">
Tak ustawia się jedno i drugie
</p>
Tak ustawia się szerokość elementu
Tak ustawia się wysokość elementu
Tak ustawia się jedno i drugie
Wyrównanie tekstu
<p style="text-align: left">
Tekst może być wyrównany do lewej strony...
</p>
<p style="text-align: center">
...do środka...
</p>
<p style="text-align: right">
...albo do prawej strony
</p>
