Test2

Strona testowa, tzw. POLIGON

Zapraszam na Główną

kwalifikacja E.14

Specyfikacja HTML5

HTML struktura dokumentu

HTML nagłówek i metadane

HTML kodowanie polskich znaków

HTML nagłówki, akapity, formatowanie tekstu

HTML listy

299

Lista punktowana (nieuporządkowana)

Do tworzenia list punktowanych służą znaczniki <ul> i <li>

<ul>
<li>raz</li>
<li>dwa</li>
<li>trzy</li>
</ul>

• raz
• dwa
• trzy

Zmiana znaku

W HTML5 powinno się to robić tylko poprzez CSS i przykładowo <ul style="list-style-type:square">

Oczywiście dalej będzie działać znany z wcześniejszych specyfikacji

<ul type="disc|circle|square">

Disc

jest domyślny, czyli pojawi się wypełniona kropka.

Circle

to kółko puste w środku.

Square

to wypełniony kwadrat.

<ul type="square">
<li>raz</li>
<li>dwa</li>
<li>trzy</li>
</ul>

Lista numerowana

Do tworzenia list numerowanych służą znaczniki <ol> i <li>

<ol>
<li>raz</li>
<li>dwa</li>
<li>trzy</li>
</ol>

1. raz
2. dwa
3. trzy

Zmiana znaku

Zmiany znaku dokonujemy poprzez

<ol type="1|a|A|i|I">

1

Wartość domyślna. Liczby dziesiętne (1, 2, 3, 4)

a

Kolejność alfabetyczna, małe litery (a, b, c, d)

A

Kolejność alfabetyczna, duże litery (A, B, C, D)

i

Rzymskie liczby, małe (i, ii, iii, iv)

I

Rzymskie liczby, duże (I, II, III, IV)

przykład:

<ol type="A">
<li>raz</li>
<li>dwa</li>
<li>trzy</li>
<li>cztery</li>
</ol>

Odwrócona lista

Możemy nakazać wyświetlenie listy w porządku malejącym.

<ol reversed>
  <li>coś tam</li>
  <li>coś tam</li>
  <li>coś tam</li>
</ol>

Ustawienie nr początkowego

W poniższym przykładzie lista rozpoczyna się od liczby 100.

<ol start="100">
  <li>coś tam</li>
  <li>coś tam</li>
  <li>coś tam</li>
</ol>

Zagnieżdzanie list

Listy oczywiście możemy zagnieżdzać. Poniżej przykład:

<ol>
	<li>Lato
		<ul>
		<li>Lipiec</li>
		<li>Sierpień</li>
		</ul>
	</li>
	<li>Zima
		<ul>
		<li>Styczeń</li>
		<li>Luty</li>
		</ul>
	</li>
</ol>

Proszę zwrócić uwagę, gdzie są zamykane znaczniki <li> dla lata i zimy.