Język HTML został opracowany tak, aby jego elementy w żaden sposób nie naruszały zasady, mówiącej że dokumenty WWW muszą być czystymi plikami tekstowymi. Stosowanie tego języka polega na umieszczaniu w odpowiednim miejscu specjalnych słów, będących swego rodzaju rozkazami nakazującymi przeglądarce internetowej właściwe interpretowanie tekstu, którego one dotyczą. Słowa te, to tak zwane znaczniki. Twórca języka przyjął założenie, że znaczniki będą wplatane w tekst, opisując przeglądarce sposób interpretowania tego tekstu, same zaś będą też czystym tekstem, lecz w szczególny sposób przedstawianym.
Ten szczególny sposób przedstawiania znaczników pozwala przeglądarce rozpoznanie i wykonanie poleceń w nich zawartych. Przeglądarka nie wyświetla znaczników w treści dokumentów, lecz je interpretuje. Szczególnym sposobem przedstawiania znaczników jest umieszczanie ich między nawiasami trójkątnym (znaki mniejszy, większy), co wyróżnia je od pozostałego tekstu dokumentu.
Jeśli chcemy, aby fragment tekstu zamieszczonego w dokumencie HTML był wyświetlany przez przeglądarkę jako pogrubiony, to musimy zastosować odpowiedni znacznik.
(...)
Normalny tekst. <b>Ten tekst będzie wyświetlany jako pogrubiony</b>.
Ten też jest wyświetlany normalną czcionką.
(...)
(...)
Normalny tekst. Ten tekst będzie wyświetlany jako pogrubiony. Ten też jest wyświetlany normalną czcionką.
(...)
W pracy z dokumentami HTML obowiązuje zasada: "jeśli coś zostało otwarte, to musi być zamknięte". W myśl tej zasady większość znaczników występuje parami, tak jak w przykładzie powyżej. W przykładzie tym parę stanowią: znacznik otwierający <b> i zamykający </b>, jak widać znacznik zamykający różni się od otwierającego dodatkowym znakiem /. Pary takie stanowią pewnego rodzaju pojemniki, których zawartość ma być interpretowana przez przeglądarkę zgodnie z ich przeznaczeniem.
Tak więc znaczniki będąc same tekstem, opisują sposób w jaki przeglądarka ma interpretować
tekst, do którego one się odnoszą. Stąd też wzięła się nazwa "język opisu tekstu",
stosowana w odniesieniu do języka HTML.
Warto też wiedzieć, że wiele znaczników posiada atrybuty, a te zaś wartości.
Składnia jest taka: <znacznik atrybut="wartość">.
W tym miejscu należy też wyjaśnić, że wartości atrybutów zawsze należy
umieszczać między cudzysłowami, bez względu na
typ wartości. Specyfikacja języka HTML kwestię tę przedstawia jednoznacznie.
Specyfikacja języka HTML w wersji 5.0 nakazuje również wpisywanie znaczników,
atrybutów i ich wartości małymi literami. Wyjątek stanowią nazwy plików, do
których odwołujemy się. W takim przypadku stosujemy oryginalną nazwę, co do treści
i wielkości znaków.
Jeśli chcesz zmienić kolor fragmentu tekstu, to masz do dyspozycji znacznik <span> oraz możliwość określenia stylu.
(...)
Normalny tekst. <span style="color: blue">Ten tekst będzie wyświetlany w kolorze niebieskim</span>. Normalny tekst.
(...)
Normalny tekst. Ten tekst będzie wyświetlany w kolorze niebieskim. Normalny tekst.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description"content="tu wpisz krótki opis strony">
<meta name="keywords"content="Tu wpisz słowa kluczowe!">
<title>Tu wpisz tytuł strony!</title>
</head>
<body>
Tu umieść właściwą treść dokumentu!
</body>
</html>
Opracowanie dotyczy najczęściej stosowanych znaczników języka HTML5.
W języku HTML5 wykorzystywane są między innymi znaczniki, które określają elementy blokowe takie jak nagłówki (tytuły), akapity, cytaty, listy, linie poziome. Zwykle elementów tych nie można umieszczać w jednej linii (obok siebie). Znaczniki te tworzą odrębne bloki tekstu oddzielone od pozostałych elementów większą interlinią.
znacznik | opis |
---|---|
<h1>...</h1>
<h2>...</h2> <h3>...</h3> <h4>...</h4> <h5>...</h5> <h6>...</h6> |
Znaczniki tworzące nagłówki.
|
(...)
<h1>To jest tytuł 1 stopnia!</h1>
<h2>To jest tytuł 2 stopnia!</h2>
<h3>To jest tytuł 3 stopnia!</h3>
<h4>To jest tytuł 4 stopnia!</h4>
<h5>To jest tytuł 5 stopnia!</h5>
<h6>To jest tytuł 6 stopnia!</h6>
(...)
znacznik | opis |
---|---|
<p>...</p> |
Znacznik tworzący akapit. |
(...)
<p>
Krocz spokojnie wśród zgiełku i pośpiechu - pamiętaj jaki pokój może być
w ciszy. Tak dalece jak to możliwe nie wyrzekając się siebie, bądź w dobrych
stosunkach z innymi ludźmi. Prawdę swą głoś spokojnie i jasno, słuchaj
też tego co mówią inni, nawet głupcy i ignoranci, oni też mają swoją opowieść.
jeśli porównujesz się z innymi możesz stać się próżny lub zgorzkniały,
albowiem zawsze będą lepsi i gorsi od ciebie.
</p>
<p>
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem
swą pracę, jakakolwiek by była skromna. Jest ona trwałą wartością w
zmiennych kolejach losu. Zachowaj ostrożność w swych przedsięwzięciach -
świat bowiem pełen jest oszustwa. Lecz niech ci to nie przesłania
prawdziwej cnoty, wielu ludzi dąży do wzniosłych ideałów i wszędzie
życie pełne jest heroizmu.
</p>
(...)
Krocz spokojnie wśród zgiełku i pośpiechu - pamiętaj jaki pokój może być w ciszy. Tak dalece jak to możliwe nie wyrzekając się siebie, bądź w dobrych stosunkach z innymi ludźmi. Prawdę swą głoś spokojnie i jasno, słuchaj też tego co mówią inni, nawet głupcy i ignoranci, oni też mają swoją opowieść. jeśli porównujesz się z innymi możesz stać się próżny lub zgorzkniały, albowiem zawsze będą lepsi i gorsi od ciebie.
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem swą pracę, jakakolwiek by była skromna. Jest ona trwałą wartością w zmiennych kolejach losu. Zachowaj ostrożność w swych przedsięwzięciach - świat bowiem pełen jest oszustwa. Lecz niech ci to nie przesłania prawdziwej cnoty, wielu ludzi dąży do wzniosłych ideałów i wszędzie życie pełne jest heroizmu.
znacznik | opis |
---|---|
<blockquote>...</blockquote> |
Znacznik tworzący blok zawierającego cytat obcego tekstu. |
(...)
<p>
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem
swą pracę, jakakolwiek by była skromna.
</p>
<blockquote>
Krocz spokojnie wśród zgiełku i pospiechu - pamiętaj jaki pokój może być w ciszy.
</blockquote>
<p>
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem swą pracę, jakakolwiek by była skromna.
</p>
(...)
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem swą pracę, jakakolwiek by była skromna.
Krocz spokojnie wśród zgiełku i pospiechu - pamiętaj jaki pokój może być w ciszy.
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem swą pracę, jakakolwiek by była skromna.
znacznik | opis |
---|---|
<hr> |
Znacznik wstawiający linię poziomą.
|
(...)
<p>
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem
swą pracę, jakakolwiek by była skromna.
</p>
<hr>
Krocz spokojnie wśród zgiełku i pośpiechu - pamiętaj jaki pokój może być w ciszy.
<hr>
<p>
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem swą pracę, jakakolwiek by była skromna.
</p>
(...)
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem swą pracę, jakakolwiek by była skromna.
Ciesz się zarówno swymi osiągnięciami jak i planami. Wykonuj z sercem swą pracę, jakakolwiek by była skromna.
Opracowanie dotyczy najczęściej stosowanych znaczników języka HTML5.
znacznik | opis |
---|---|
<em>...</em> |
Emfaza - nacisk położony na pewne zdania, wyrazy lub sylaby, uwydatniający ich znaczenie.
|
(...)
Najczęściej tekst objęty tym znacznikiem jest przedstawiany jako pochylony (<em>italika – kursywa</em>)
(...)
znacznik | opis |
---|---|
<strong>...</strong> |
Znacznik ten służy do mocniejszego wyróżnienia fragmentu tekstu. Najczęściej
tekst objęty tym znacznikiem jest przedstawiany jako pogrubiony.
|
(...)
Najczęściej tekst objęty tym znacznikiem jest przedstawiany jako <strong>pogrubiony</strong>.
(...)
znacznik | opis |
---|---|
<small>...</small> |
Znacznik ten służy do przedstawienia fragmentu tekstu czcionką o jeden stopień mniejszą niż pozostały tekst. |
(...)
Normalny tekst. <small>Tekst mniejszy.</small> Tekst normalny.
<small><small>Tekst mniejszy o dwa stopnie</small></small>.
(...)
znacznik | opis |
---|---|
<q>...</q> |
Znacznik ten służy do przedstawienia krótkiego cytatu w większym fragmencie tekstu.
|
(...)
<p>
Normalny tekst <q>cytacik</q> Tekst normalny.
</p>
<blockquote>
Dłuższy, zacytowany fragment tekstu. Dłuższy, zacytowany fragment tekstu.
Dłuższy, zacytowany fragment tekstu. Dłuższy, zacytowany fragment tekstu.
Dłuższy, zacytowany fragment tekstu. Dłuższy, zacytowany fragment tekstu.
</blockquote>
(...)
Normalny tekst cytacik
Tekst normalny.
Dłuższy, zacytowany fragment tekstu. Dłuższy, zacytowany fragment tekstu. Dłuższy, zacytowany fragment tekstu. Dłuższy, zacytowany fragment tekstu. Dłuższy, zacytowany fragment tekstu. Dłuższy, zacytowany fragment tekstu.
znacznik | opis |
---|---|
<br> |
Znacznik ten służy do łamania linii tekstu (przejście do następnej linii)
w obrębie bloku tekstu.
|
(...)
<p>
<small>
Krocz spokojnie wśród zgiełku i pośpiechu - pamiętaj jaki pokój może być w ciszy.
<br>
Tak dalece jak to możliwe nie wyrzekając się siebie, bądź w dobrych stosunkach z innymi ludźmi.
<br>
Prawdę swą głoś spokojnie i jasno, słuchaj też tego co mówią inni, nawet głupcy
i ignoranci, oni też mają swoją opowieść.
<br>
Jeśli porównujesz się z innymi możesz stać się próżny lub zgorzkniały, albowiem
zawsze będą lepsi i gorsi od ciebie.
</small>
</p>
(...)
Krocz spokojnie wśród zgiełku i pośpiechu - pamiętaj jaki pokój może być w ciszy.
Tak dalece jak to możliwe nie wyrzekając się siebie, bądź w dobrych stosunkach z innymi ludźmi.
Prawdę swą głoś spokojnie i jasno, słuchaj też tego co mówią inni, nawet głupcy
i ignoranci, oni też mają swoją opowieść.
Jeśli porównujesz się z innymi możesz stać się próżny lub zgorzkniały, albowiem
zawsze będą lepsi i gorsi od ciebie.
znacznik | opis |
---|---|
<code>...</code> |
Znacznik ten służy do prezentacji kodu programu komputerowego w dokumencie HTML. |
(...)
<code>
oto korona :ile<br>
cs pod<br>
niech "p 500 / (:ile + 1)<br>
niech "a :p / PWK 2)<br>
niech "aa 2 * :a)<br>
niech "d 500 - :p)<br>
niech "n :ile - 1)<br>
ws 150 lw 90 np 250 - (:p / 2) pw 90<br>
ukm "zielony<br>
lw 45<br>
wielokąt[np :a pw 90 np :a pw 135 np :p]<br>
pw 45<br>
ukm "żółty<br>
wielokąt[np 300 pw 135 np :a powtórz :n[lw 90 np :a pw 90 np :a] lw 90 np :a pw 135 np 300 pw 90 np :d]<br>
ukm "czerwony<br>
powtórz :ile[wielokąt[pw 45 np :aa lw 135 np :p lw 135 np :aa pw 135 np :p]<br>
pw 90 np :p lw 90]<br>
pw 45<br>
ukm "zielony<br>
wielokąt[np :a lw 90 np :a lw 135 np :p]<br>
wróć<br>
już<br>
</code>
(...)
oto korona :ile
cs pod
niech "p 500 / (:ile + 1)
niech "a :p / PWK 2)
niech "aa 2 * :a)
niech "d 500 - :p)
niech "n :ile - 1)
ws 150 lw 90 np 250 - (:p / 2) pw 90
ukm "zielony
lw 45
wielokąt[np :a pw 90 np :a pw 135 np :p]
pw 45
ukm "żółty
wielokąt[np 300 pw 135 np :a powtórz :n[lw 90 np :a pw 90 np :a] lw 90 np :a pw 135 np 300 pw 90 np :d]
ukm "czerwony
powtórz :ile[wielokąt[pw 45 np :aa lw 135 np :p lw 135 np :aa pw 135 np :p]
pw 90 np :p lw 90]
pw 45
ukm "zielony
wielokąt[np :a lw 90 np :a lw 135 np :p]
wróć
już
znacznik | opis |
---|---|
<sup>...</sup> |
Znacznik ten służy do oznaczania tekstu do wyświetlania w indeksie górnym. |
(...)
<h3>Twierdzenie Pitagorasa</h3>
<p>
c<sup>2</sup> = a<sup>2</sup> + b<sup>2</sup>
</p>
(...)
c2 = a2 + b2
znacznik | opis |
---|---|
<sub>...</sub> |
Znacznik ten służy do oznaczania tekstu do wyświetlania w indeksie dolnym. |
(...)
<h3>Kwas siarkowy</h3>
<p>
H<sub>2</sup>SO<sub>4</sup>
</p>
(...)
H2SO4
znacznik | opis |
---|---|
<i>...</i> |
Znacznik oznacza tekst, do wyświetlania kursywą. |
(...)
<p>
Warto zdawać sobie sprawę, że (wg. T. Hill <i>Taniec życia</i>)
około 90% informacji ludzie przekazują sobie niewerbalnie, czyli bez słów,
a jedynie przez gesty, postaw, mimikę i z pomocą aury, jaka istnieje wokół każego z nas.
</p>
(...)
Warto zdawać sobie sprawę, że (wg. T. Hill Taniec życia) około 90% informacji ludzie przekazują sobie niewerbalnie, czyli bez słów, a jedynie przez gesty, postaw, mimikę i z pomocą aury, jaka istnieje wokół każego z nas.
znacznik | opis |
---|---|
<b>...</b> |
Znacznik oznacza tekst, do wyróżnienia przez pogrubienie. |
(...)
<p>
Warto zdawać sobie sprawę, że (wg. <b>T. Hill</b> <i>Taniec życia</i>)
około 90% informacji ludzie przekazują sobie niewerbalnie, czyli bez słów,
a jedynie przez gesty, postaw, mimikę i z pomocą aury, jaka istnieje wokół każego z nas.
</p>
(...)
Warto zdawać sobie sprawę, że (wg. T. Hill Taniec życia) około 90% informacji ludzie przekazują sobie niewerbalnie, czyli bez słów, a jedynie przez gesty, postaw, mimikę i z pomocą aury, jaka istnieje wokół każego z nas.
znacznik | opis |
---|---|
<u>...</u> |
Znacznik oznacza tekst, do wyróżnienia przez podkreślenie. |
(...)
<p>
<u>Babulej i Babulejka</u>
<br>
<small><i>Jan Brzechwa</i></small>
</p>
<p>
Pod Oszmianą nad Wilejką
<br>
Żył Babulej z Babulejką,
<br>
Ona była czarodziejką,
<br>
On - rzecz prosta - czarodziejem
<br>
I jadali mak z olejem
<br>
Babulejka z Babulejem.
<br>
.....................
</p>
(...)
Babulej i Babulejka
Jan Brzechwa
Pod Oszmianą nad Wilejką
Żył Babulej z Babulejką,
Ona była czarodziejką,
On - rzecz prosta - czarodziejem
I jadali mak z olejem
Babulejka z Babulejem.
.....................
znacznik | opis |
---|---|
<s>...</s> |
Znacznik oznacza tekst, do wyróżnienia przez przekreślenie. |
(...)
<h3><b<>u>Uwaga!!!</u></b></h3>
<p>
Kup kwadratowe koła!
<br>
cena
<br>
<s>12,89 zł</s>
<br>
<b>1,00 zł</b>
<br>
<small><small>promocja do 32 maja</small></small>!
</p>
<p>
Koła sprzedaje sam Pan Baron Münchhausen.
<br>
Serdecznie zapraszamy!
</p>
(...)
Kup kwadratowe koła!
cena
12,89 zł
1,00 zł
promocja do 32 maja!
Koła sprzedaje sam Pan Baron Münchhausen.
Serdecznie zapraszamy!
znacznik | opis |
---|---|
<span>...</span> |
Znacznik ten sam nie wpływa na formatowanie tekstu, w połączeniu z kaskadowymi arkuszami stylów (CSS) daje jednak ogromne możliwości w tym zakresie. |
(...)
<p>
<span style="text-shadow: 2px 2px gray; font-size: 7mm; color: green; text-transform: capitalize; font-family: arial;">Pan Tadeusz</span>
</p>
<p>
<span style="font-size: 10pt; font-family: 'Times New Roman'; font-style: italic;">Adam Mickiewicz</span>
<br>
<span style="font-family: arial; font-size: 11pt;">Księga pierwsza: <span style="font-weight: bold;">Gospodarstwo</span>
</p>
<p>
<span style="font-family: 'Time New Roman'; font-size: 10pt;">Litwo! Ojczyzno moja! ty jesteś jak zdrowie
<br>
Ile cię trzeba cenić, ten tylko się dowie,
<br>
Kto cię stracił. Dziś piękność twą w całej ozdobie
<br>
Widzę i opisuję, bo tęsknię po tobie.</span>
</p>
<p>
.............
</p>
(...)
Pan Tadeusz
Adam Mickiewicz
Księga pierwsza: Gospodarstwo
Litwo! Ojczyzno moja! ty jesteś jak zdrowie
Ile cię trzeba cenić, ten tylko się dowie,
Kto cię stracił. Dziś piękność twą w całej ozdobie
Widzę i opisuję, bo tęsknię po tobie.
.............
Opracowanie dotyczy najczęściej stosowanych znaczników języka HTML5.
znacznik | opis |
---|---|
<table>...</table> |
Znacznik otwierający rozpoczyna definicję tabeli.
|
<tr>...</tr> |
Znacznik otwierający rozpoczyna wiersz tabeli.
|
<th>...</th> |
Znacznik otwierający rozpoczyna komórkę nagłówkową tabeli.
|
<td>...</td> |
Znacznik otwierający rozpoczyna zwykła komórkę tabeli.
|
(...)
<table>
<tr>
<th>
Towar
</th>
<th>
cena
</th>
</tr>
<tr>
<td>
Jabłka
</td>
<td>
2,40 zł
</td>
</tr>
</table>
(...)
Towar | cena |
---|---|
Jabłka | 2,40 zł |
Jak widać na powyższym przykładzie tabela domyślnie nie ma widocznego obramowania,
i jest wyrównywana do lewej krawędzi dokumentu.
Żeby nadać tabeli wygląd odpowiadający naszym wymaganiom musimy zastosować
kaskadowe arkusze stylów (CSS). Poniższe przykłady pokazują takie rozwiązania.
(...)
<table style="border: 1px solid red;">
<tr>
<th style="border: 1px solid green;">
Towar
</th>
<th style="border: 1px solid green;">
cena
</th>
</tr>
<tr>
<td style="border: 1px solid black;">
Jabłka
</td>
<td style="border: 1px solid black;">
2,40 zł
</td>
</tr>
</table>
(...)
Towar | cena |
---|---|
Jabłka | 2,40 zł |
W powyższym przykładzie zastosowano tak zwane style wpisane. Polega to na
wpisywaniu deklaracji stylu dla każdego elementu osobno.
Styl przypisuje się do znacznika określającego element, którego styl ma dotyczyć.
Składnia definicji stylu wpisanego: „style=atrybut: wartość lub wartości;”
(...)
<table style="border: 4px solid red; width: 240px; height: 240px;">
<tr>
<th style="border: 2px solid green; width 160px; height: 100px;">
Towar
</th>
<th style="border: 2px solid green; width 80px;">
cena
</th>
</tr>
<tr>
<td style="border: 1px solid black; height: 140px;">
Jabłka
</td>
<td style="border: 1px solid black;">
2,40 zł
</td>
</tr>
</table>
(...)
Towar | cena |
---|---|
Jabłka | 2,40 zł |
Wygodniejszym i bardziej uniwersalnym rozwiązaniem jest stosowanie stylu wewnętrznego. Deklarację stylu umieszcza się w sekcji head dokumentu między znacznikami <style> i </style> tak, jak w poniższym przykładzie.
(...)
<style>
table {
border-collapse: separate;
border-spacing: 40px 5px;
width: 360px;
height: 255px;
}
th {
height: 100px;
}
td {
height: 140px;
border-color: red;
}
table, th, td {
border: 1px solid black;
}
</style>
(...)
(...)
<table>
<tr>
<th>
Towar
</th>
<th>
cena
</th>
</tr>
<tr>
<td>
Jabłka
</td>
<td>
2,40 zł
</td>
</tr>
</table>
(...)
Towar | cena |
---|---|
Jabłka | 2,40 zł |
(...)
<style>
table {
border-collapse: collapse;
width: 240px;
height: 240px;
}
th {
height: 100px;
}
td {
height: 140px;
border-color: red;
}
table, th, td {
border: 1px solid black;
}
</style>
(...)
(...)
<table>
<tr>
<th>
Towar
</th>
<th>
cena
</th>
</tr>
<tr>
<td>
Jabłka
</td>
<td>
2,40 zł
</td>
</tr>
</table>
(...)
Towar | cena |
---|---|
Jabłka | 2,40 zł |
(...)
<style>
table {
border-collapse: separate;
border-spacing: 40px 5px;
width: 360px;
height: 255px;
margin: auto;
}
th {
height: 100px;
}
td {
height: 140px;
border-color: red;
}
table, th, td {
border: 1px solid black;
}
</style>
(...)
(...)
<table>
<tr>
<th>
Towar
</th>
<th>
cena
</th>
</tr>
<tr>
<td>
Jabłka
</td>
<td>
2,40 zł
</td>
</tr>
</table>
(...)
Towar | cena |
---|---|
Jabłka | 2,40 zł |
znacznik | opis |
---|---|
<ol>
<li>...</li> </ol> |
Znaczniki tworzące listę numerowaną. |
<ul>
<li>...</li> </ul> |
Znaczniki tworzące listę punktowaną. |
<dl>
<dt>...</dt> <dd>...</dd> </dl> |
Znaczniki tworzące listę definicji. |
(...)
<ol>
<li>Pierwszy element listy</li>
<li>Drugi element listy</li>
<li>Trzeci element listy</li>
</ol>
<ul>
<li>Pierwszy element listy</li>
<li>Drugi element listy</li>
<li>Trzeci element listy</li>
</ul>
<dl>
<dt>moher</dt>
<dd>wełna kóz angorskich; lekka tkanina z tej wełny.</dd>
<dt>mora</dt>
<ol>
<li>Tkanina jedwabna (rzadziej wełniana) o falisto mieniącym
się deseniu, przypominającym słoje drzewa; skośne smugi
pojawiające się na obrazie TV, spowodowane zakłóceniami
(poziomej) synchronizacji linii.</li>
<li>Włoska gra hazardowa oparta na zgadywaniu łącznej sumy palców,
jakie wystawią jednocześnie obaj partnerzy, z których
każdy gra jedną ręką. </li>
<li>Czas potrzebny do wymówienia zgłoski krótkiej,
podstawowy element w poezji opartej na iloczasie.</li>
</ol>
</dl>
(...)