1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
---
title: ul
slug: Web/HTML/Element/ul
tags:
- 'HTML:Opis_elementów'
translation_of: Web/HTML/Element/ul
---
<p> </p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p>Element <code><ul></code> (Unordered list) jest używany do wskazania listy nieuporządkowanej, mianowicie zestawu punktów, które nie mają porządku liczbowego i ich kolejność w liście nie ma znaczenia. Poszczególne punkty w liście są definiowane poprzez element <a href="pl/HTML/Element/li">pozycja listy</a> (<a href="pl/HTML/Element/li"><li></a>), który jest jedynym dopuszczalnym elementem w znaczniku <code><ul></code>.</p>
<ul>
<li>Typ elementu: <a href="pl/HTML/Elementy_blokowe">blokowy</a></li>
<li>Dozwolona zawartość: <a href="pl/HTML/Element/li">li</a></li>
</ul>
<h3 id="Atrybuty" name="Atrybuty">Atrybuty</h3>
<dl>
<dt>
type {{ Deprecated_inline() }}</dt>
<dd>
Używany do ustawienia typu znaku wypunktowania dla listy. Wartościami zdefiniowanymi w <a href="pl/HTML3.2">HTML3.2</a> i wersji <a href="pl/HTML4.01">HTML 4.0/4.01</a> Transitional są <code>circle</code>, <code>disc</code> oraz <code>square</code>. Program użytkownika może zdecydować o wyborze innego wypunktowania, zależnie od poziomu zagnieżdżenia listy, chyba że jest użyty atrybut <code>type</code>. Interfejs WebTV wspiera również wypunktowanie <code>triangle</code>. Ten atrybut jest wycofywany, użyj zamiast niego własności <a href="pl/CSS">CSS</a> <a href="pl/CSS/list-style-type">list-style-type</a>.</dd>
</dl>
<dl>
<dt>
compact {{ Deprecated_inline() }}</dt>
<dd>
Określa, że lista powinna być wyświetlona w zwartej formie. Interpretacja tego atrybutu zależy od programu użytkownika.</dd>
</dl>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h3>
<h4 id="Prosty_przyk.C5.82ad" name="Prosty_przyk.C5.82ad">Prosty przykład</h4>
<pre> <ul>
<li>pierwsza pozycja</li>
<li>druga pozycja</li>
<li>trzecia pozycja</li>
</ul>
</pre>
<p>Powyższy HTML daje w efekcie:</p>
<ul>
<li>pierwsza pozycja</li>
<li>druga pozycja</li>
<li>trzecia pozycja</li>
</ul>
<h4 id="Zagnie.C5.BCd.C5.BCona_lista" name="Zagnie.C5.BCd.C5.BCona_lista">Zagnieżdżona lista</h4>
<pre> <ul>
<li>pierwsza pozycja</li>
<li>druga pozycja <!-- Spójrz, zamykający znacznik </li> nie jest tutaj umieszczony -->
<ul>
<li>druga pozycja pierwszy podpunkt</li>
<li>druga pozycja drugi podpunkt</li>
<li>druga pozycja trzeci podpunkt</li>
</ul>
</li> <!-- Tutaj jest zamykający znacznik </li> -->
<li>trzecia pozycja</li>
</ul>
</pre>
<p>Powyższy HTML daje w efekcie:</p>
<ul>
<li>pierwsza pozycja</li>
<li>druga pozycja
<ul>
<li>druga pozycja pierwszy podpunkt</li>
<li>druga pozycja drugi podpunkt</li>
<li>druga pozycja trzeci podpunkt</li>
</ul>
</li>
<li>trzecia pozycja</li>
</ul>
<h4 id="Zagnie.C5.BCd.C5.BCanie_.3Cul.3E_oraz_.3Col.3E" name="Zagnie.C5.BCd.C5.BCanie_.3Cul.3E_oraz_.3Col.3E">Zagnieżdżanie <ul> oraz <ol></h4>
<pre> <ul>
<li>pierwsza pozycja</li>
<li>druga pozycja <!-- Spójrz, zamykający znacznik </li> nie jest tutaj umieszczony -->
<ol>
<li>druga pozycja pierwszy podpunkt</li>
<li>druga pozycja drugi podpunkt</li>
<li>druga pozycja trzeci podpunkt</li>
</ol>
</li> <!-- Tutaj jest zamykający znacznik </li> -->
<li>trzecia pozycja</li>
</ul>
</pre>
<p>Powyższy HTML daje w efekcie:</p>
<ul>
<li>pierwsza pozycja</li>
<li>druga pozycja
<ol>
<li>druga pozycja pierwszy podpunkt</li>
<li>druga pozycja drugi podpunkt</li>
<li>druga pozycja trzeci podpunkt</li>
</ol>
</li>
<li>trzecia pozycja</li>
</ul>
<h3 id="Notatki" name="Notatki">Notatki</h3>
<p>Możesz zagnieżdżać tak dużo list <code><ul></code> i <code><ol></code>, jak chcesz w dowolnej kolejności.</p>
<p>Aby zmienić wcięcie listy, użyj własności <a href="pl/CSS">CSS</a> <a href="pl/CSS/margin">margin</a>.</p>
<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>
<ul>
<li><a href="pl/HTML/Element/li">Znacznik li (pozycja listy)</a></li>
<li><a href="pl/HTML/Element/ol">Znacznik ol (lista uporządkowana)</a></li>
<li><a href="pl/CSS/list-style">Własność CSS list-style</a></li>
<li><a href="pl/Liczniki_CSS">Liczniki CSS</a></li>
</ul>
<p>{{ HTML:Element_Navigation() }}</p>
<p>{{ languages( { "en": "en/HTML/Element/ul" } ) }}</p>
|
