diff options
Diffstat (limited to 'files/pl/web/html/element/ol/index.html')
| -rw-r--r-- | files/pl/web/html/element/ol/index.html | 123 |
1 files changed, 123 insertions, 0 deletions
diff --git a/files/pl/web/html/element/ol/index.html b/files/pl/web/html/element/ol/index.html new file mode 100644 index 0000000000..7ce2455796 --- /dev/null +++ b/files/pl/web/html/element/ol/index.html @@ -0,0 +1,123 @@ +--- +title: ol +slug: Web/HTML/Element/ol +tags: + - 'HTML:Opis_elementów' +translation_of: Web/HTML/Element/ol +--- +<p> </p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Element <code><ol></code> (ordered list) jest używany do definiowania uporządkowanej lub numerowanej listy punktów. Styl numerowania pojawia się w różnych formach, włączając w to litery, cyfry rzymskie i normalne liczby. Poszczególne punkty w liście są określane przez elementy <a href="pl/HTML/Element/li">pozycja listy</a> (<a href="pl/HTML/Element/li"><li></a>), objęte elementem <code><ol></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> + start {{ Deprecated_inline() }}</dt> + <dd> + Określa początkową wartość dla numerowania poszczególnych punktów listy. Chociaż typ porządkowania listy elementów może być cyframi rzymskimi, jak XXXI, lub literami, wartość <code>start</code> jest zawsze reprezentowana jako liczba. By rozpocząć numerowanie elementów od litery "C", użyj <code><ol type="A" start="3"></code>.</dd> +</dl> +<dl> + <dt> + type {{ Deprecated_inline() }}</dt> + <dd> + Wskazuje typ numerowania: <code>a</code> określa małe litery, <code>A</code> wskazuje duże litery, <code>i</code> określa małe cyfry rzymskie, <code>I</code> określa duże cyfry rzymskie, zaś <code>1</code> określa liczby. Atrybut <code>type</code> ustawiony w elemencie <code><ol></code> jest używany wewnątrz listy, chyba że atrybut <code>type</code> jest użyty w zamkniętym elemencie <a href="pl/HTML/Element/li"><li></a>. 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> + Wskazuje, że lista powinna być wyświetlona w zwartej formie. Interpretacja tego atrybutu zależy od programu użytkownika. Nie działa on we wszystkich wiodących przeglądarkach.</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> <ol> + <li>pierwsza pozycja</li> + <li>druga pozycja</li> + <li>trzecia pozycja</li> + </ol> +</pre> +<p>Powyższy HTML daje w efekcie:</p> +<ol> + <li>pierwsza pozycja</li> + <li>druga pozycja</li> + <li>trzecia pozycja</li> +</ol> +<h4 id="U.C5.BCycie_w.C5.82asno.C5.9Bci_start" name="U.C5.BCycie_w.C5.82asno.C5.9Bci_start">Użycie własności <code>start</code></h4> +<pre> <ol start="7"> + <li>pierwsza pozycja</li> + <li>druga pozycja</li> + <li>trzecia pozycja</li> + </ol> +</pre> +<p>Powyższy HTML daje w efekcie:</p> +<ol start="7"> + <li>pierwsza pozycja</li> + <li>druga pozycja</li> + <li>trzecia pozycja</li> +</ol> +<h4 id="Zagnie.C5.BCd.C5.BCona_lista" name="Zagnie.C5.BCd.C5.BCona_lista">Zagnieżdżona lista</h4> +<pre> <ol> + <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> + </ol> +</pre> +<p>Powyższy HTML daje w efekcie:</p> +<ol> + <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> +</ol> +<h4 id="Zagnie.C5.BCd.C5.BCanie_.3Col.3E_oraz_.3Cul.3E" name="Zagnie.C5.BCd.C5.BCanie_.3Col.3E_oraz_.3Cul.3E">Zagnieżdżanie <ol> oraz <ul></h4> +<pre> <ol> + <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> + </ol> +</pre> +<p>Powyższy HTML daje w efekcie:</p> +<ol> + <li>pierwsza pozycja</li> + <li>druga pozycja + <ul> + <li style="list-style-type: square;">druga pozycja pierwszy podpunkt</li> + <li style="list-style-type: square;">druga pozycja drugi podpunkt</li> + <li style="list-style-type: square;">druga pozycja trzeci podpunkt</li> + </ul> + </li> + <li>trzecia pozycja</li> +</ol> +<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> +<p> </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/ul">Znacznik ul (lista nieuporzą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/ol" } ) }}</p> |