📖
Listy i tabele
Listy uporządkowane, nieuporządkowane i podstawowe tabele
Lista nieuporządkowana <ul>
Wyświetla elementy z punktorami. Użyj gdy kolejność elementów nie ma znaczenia.
html
<ul>
<li>Jabłko</li>
<li>Banan</li>
<li>Wiśnia</li>
</ul>Lista uporządkowana <ol>
Wyświetla elementy z numerami. Gdy kolejność ma znaczenie — kroki instrukcji, rankingi.
html
<ol>
<li>Otwórz terminal</li>
<li>Zainstaluj Node.js</li>
<li>Uruchom npm install</li>
</ol><li> — element listy, zawsze wewnątrz <ul> lub <ol>.
Tabele
Tabela jest budowana z kilku tagów:
html
<table>
<thead> <!-- nagłówek tabeli -->
<tr> <!-- wiersz (table row) -->
<th>Imię</th> <!-- nagłówek kolumny -->
<th>Wiek</th>
<th>Miasto</th>
</tr>
</thead>
<tbody> <!-- ciało tabeli -->
<tr>
<td>Anna</td> <!-- komórka (table data) -->
<td>25</td>
<td>Warszawa</td>
</tr>
<tr>
<td>Marek</td>
<td>22</td>
<td>Kraków</td>
</tr>
</tbody>
</table>Ważne: tabele są dla danych tabelarycznych (jak Excel). NIE używaj ich do layoutu strony (do tego służą Flexbox i Grid).
html
💬
Menu nawigacyjne to klasyczny przykład gdzie lista (ul/li) jest idealnym wyborem.
Komentarze
Zaloguj się lub Zacznij aby zostawić komentarz.