Tabela HTML – Komórka
<td>
Żeby nasza tabela była kompletna i poprawnie wyświetlała dane, należy jeszcze dodać do niej komórki. Komórki tabeli dodajemy poprzez element <td>
(ang. table data, table cell – dane tabeli, komórka tabeli). Do rozwijania skrótu td powszechnie używa się table cell, jednak nazwa pochodzi od table data.
<table> <tr> <td>Treść</td> </tr> </table>
Treść |
Jeszcze jedna uwaga. Na ekranie nie pokaże się wam taka ramka, gdyż wszystkie tabele na tej stronie zostały lekko sformatowane przy użyciu CSS, aby ułatwić wam zrozumienie i poznanie tabeli w html. Formatowania tabel przy użyciu CSS, będziemy się uczyć na kolejnym kursie poświęconym w całości formatowaniu przy użyciu języka CSS.
Treść umieszczamy zawsze w elemencie <td>
. Element ten podobny jest trochę do kolumny. Jednak nie zapisujemy jej raz tak jak ma to miejsce w przypadku wiersza, tylko musimy za każdym razem dodać tyle komórek (kolumn) do wiersza ile aktualnie nam potrzeba.
<table> <tr> <td>1 wiersz 1 kolumna</td> <td>1 wiersz 2 kolumna</td> </tr> <tr> <td>2 wiersz 1 kolumna</td> <td>2 wiersz 2 kolumna</td> </tr> </table>
1 wiersz 1 kolumna | 1 wiersz 2 kolumna |
2 wiersz 1 kolumna | 2 wiersz 2 kolumna |