Tabele HTML

Zadanie 1:

Prosta tabela:

  • HTML: Utwórz tabelę z nagłówkami (<thead>), wierszami (<tr>) oraz komórkami (<td>). Użyj atrybutów scope dla nagłówków.
  • CSS: Stylizuj tabelę, dodając ramkę (border), marginesy (margin), i wypełnienie (padding).
 
Sugestia wykonania: 

Zadanie 2:

Tabela z nagłówkami i stopkami:

  • HTML: Dodaj <tfoot> z podsumowaniem.
  • CSS: Użyj nth-child do zmiany koloru co drugiego wiersza w ciele tabeli.
 
Sugestia wykonania:

Zadanie 3:

Tabela z łączeniem komórek:

  • HTML: Użyj atrybutów rowspan i colspan do scalania komórek.
  • CSS: Stylizuj tabelę, dodając kolory do scalonych komórek.
 
Sugestia wykonania:

Zadanie 4:

Tabela z tabelą wewnętrzną:

  • HTML: Dodaj tabelę w jednej z komórek.
  • CSS: Stylizuj obie tabele, aby były czytelne.
 
Sugestia wykonania: 

Kontakt: mgzsp22@gmail.com

© 2024. Wszystkie prawa zastrzeżone.

error: Content is protected !!