Tabele

Tabele wstawiamy przy użyciu znaczników <table> ... </table> pomiędzy którymi umieszczmy właściwą treść tabeli:

<thead> i </thead> umieszczone bezpośrednio pod <table> pozwala na wstawienie nazwy tabeli
wierszom odpowiadają znaczniki <tr> i </tr>
kolumnom natomiast <td> i </td>

Tabela składa się z wierszy, które są podzielone na kolumny. Znaczniki <td> i </td>, znajdują się pomiędzy <tr> i </tr>. Tak jak na obrazk poniżej.

Formatowanie tabeli wykonuje się poprzez dodawanie kolejnych komend w <table>:

border="5" - tworzy ramkę wokół tabeli, a liczba oznacza jej grubość
bgcolor=#660066 - kolor tła w tabeli
bordercolor=#0000FF - kolor ramki
width="80%" - szerokość tabeli wyrażona jako procent szerokości ekranu
height="40%" - wysokość tabeli
cellpadding="15" - odległość tekstu znajdującego się w komórce od krawędzi komórki
cellspacing="1" - odległość komórek od siebie
align="center" - położenie tabeli

Przykład:

<table border="5" bgcolor=#660066 bordercolor=#0000FF width="80%" height="40%" cellpadding="15" cellspacing="1" align="center">

Poniżej znajduje się tabela odpowiadająca temu kodowi.

pierwsza kolumna pierwszy wiersz	druga kolumna pierwszy wiersz	trzecia kolumna pierwszy wiersz
pierwsza kolumna drugi wiersz	druga kolumna drugi wiersz	trzecia kolumna drugi wiersz
pierwsza kolumna trzeci wiersz	druga kolumna trzeci wiersz	trzecia kolumna trzeci wiersz

Jeśli chcemy sformatować tekst poszczególnego wiersza, np. zmienić jego wyrównanie do prawej, formatowanie wykonujemy w znacznikach <tr> (<tr align="right">)

Poprzednia strona (Odnośniki)

Następna strona (Wypunktowanie)