Jak wykonać prostą tabelę w języku HTML?

Powyżej przedstawiona jest najprostsza tabela zapisana w języku HTML. Jest ona zdefiniowana za pomocą znacznika <table>. Wiersz w tabeli deklarujemy za pomocą znaczników <tr> a komórki w każdym z wierszy za pomocą znaczników <td>.

Kod źródłowy takiej tabeli wygląda w następujący sposób:

<table>
<tr> <td>1</td> <td>2</td> <td>3</td> </tr>
<tr> <td>1</td> <td>2</td> <td>3</td> </tr>
<tr> <td>1</td> <td>2</td> <td>3</td> </tr>
</table>

Dla upiększenia takiej tabelki możemy dodać do niej obramowanie używając atrybutu border="n= grubość obramowania". Po dodaniu tego znacznika nasza tabelka będzie wyglądać w następujący sposób:

Kod takiej tabelki wygląda tak:

<table border="2">
<tr> <td>1</td> <td>2</td> <td>3</td> </tr>
<tr> <td>1</td> <td>2</td> <td>3</td> </tr>
<tr> <td>1</td> <td>2</td> <td>3</td> </tr>
</table> 

W taki oto prosty sposób możemy tworzyć tabelki na naszych stronach :)

Inne przydatne atrybuty:

• height="wysokość"
• width="szerokoś"
• border="grubość obramowania"
• bordercol="kolor obramowania"
• cellspacing="odstęp między komurkami"
• cellpading="margines wewnetrzny"
• hspace="odstęp z lewej i prawej strony tabeli"
• vspace="odstęp z góry i dołu tabeli"

Wartości atrybutu align=""

• align="left" - tabela wyrównana do lewej strony, tekst otacza ją z prawej strony
• align="right" - tabela wyrównana do prawej strony, tekst otacza ją z lewej strony
• align="all" - tekst otacza tabelę z każdej strony