Dzień dobry :-)
Zadanie 16 z terminem wykonania 25.06.2020 r.
Tworzenie tabeli w html
Podstawowe elementy konstrukcyjne tabeli:
- <table></table> tworzy tabelę, która Domyślnie nie ma obramowań. Aby je dodać należy skorzystać z atrybutu border
- Algin=left, right – sposób wyrównania tabeli
- Cellspacing=piksele – wolny obszar między komórkami
- Cellpadding=piksele – wolny obszar między krawędziami komórki a zawartością
- <tr></tr> wiersz tabeli. Atrybuty:
- Algin=" " (left, right, center, justify lub char)
- Bgcolor="nazwa koloru" – kolor tła
- Bordercolor="nazwa koloru" – kolor obramowania
- <td></td> komórka tabeli. Komórki umieszcza się między znacznikami wierszy tabeli. Atrybuty: rowspen=”liczba wierszy” – rozpięcie komórki na n wierszach.
- Colspan=”liczba kolumn” – rozpięcie tabeli na n kolumnach.
- <th></th> Komórka nagłówka. Od komórki danych różni się tym, że zastosowano w niej czcionkę pogrubioną i wycentrowanie.
Podstawowy kod tabeli:
<html>
<head>
<title>Tabela</title>
</head>
<body>
<table>
<! -Pierwszy wiersz na komórki nagłówka -->
<tr>
<th>Nagłówek1</th>
<th>Nagłówek2</th>
</tr>
<! -Drugi wiersz to dwie komórki danych -->
<tr>
<td>Dane1</td>
<td>Dane2</td>
</tr>
<! -kontynuuj dodawanie kolejnych wierszy i komórek -->
</table>
</body>
</html>
- Przepisz kod do notatnika, zwracając uwagę na wstawione w nim wiersze komentarzy.
- Rozbuduj tabele dodając kolejne wiersze.
- Zapisz plik pod nazwą tabela.html w katalogu strony.
Życzę udanych wakacji! :-)
Powiązana sekcja:
