<!DOCTYPE html>
<html>
<head>
<title>Listy w HTML</title>
</head>
<body>
<!-- Lista punktowana, nieuporządkowana -->
<ul>
<li>Element listy</li>
<li>Element 2 listy</li>
<li>Element kolejny</li>
</ul>
<!-- lista numerowana, uporządkowana -->
<ol>
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
</ol>
<!-- lista numerowana wielkimi rzymskimi -->
<ol type="I">
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
<li>Element 4</li>
</ol>
<!-- lista numerowana małymi rzymskimi -->
<ol type="i">
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
<li>Element 4</li>
</ol>
<!-- lista numerowana małe litery -->
<ol type="a">
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
<li>Element 4</li>
</ol>
<!-- lista numerowana wielkie litery -->
<ol type="A">
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
<li>Element 4</li>
</ol>
</body>
</html>
<table >...</table> - znacznik definiujący tabelę
<tr>...</tr> - znacznik definiujący wiersz
<td>...</td> - znacznik definiujący pole (komórkę) w tabeli
<th>...</th> - znacznik definiujący pole (komórkę) nagłówka tabeli
<caption>...</caption> - znacznik definiujący tytuł tabeli
---
Dodatkowe parametry tabeli:
---
border="wartość" - obramowanie tabeli
cellspacing="wartość" - odległość pomiędzy polami (komórkami) w tabeli
cellpadding="wartość" - odległość zawartości komórki (np. tekstu) od krawędzi pola (komórki)
---
Przykład:
---
<table border="1" cellspacing="0" cellpadding="0">
<caption>Tytuł tabeli</caption>
<tr>
<th>Nagłówek kolumny 1</th><th>Nagłówek kolumny 2</th>
</tr>
<tr>
<td>Komórka 1 w wierszu 1</td><td>Komórka 2 w wierszu 1</td>
</tr>
<tr>
<td>Komórka 1 w wierszu 2</td><td>Komórka 2 w wierszu 2</td>
</tr>
</table>