Menu
Coddy logo textTech

Podsumowanie – tabele

Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 51 z 60.

challenge icon

Wyzwanie

Łatwy

Utwórz dokument HTML zawierający tabelę ze wszystkimi elementami, których nauczyliśmy się do tej pory:

  1. Znacznik <table> definiujący tabelę, z atrybutem border ustawionym na "1", aby tabela była widoczna.
  2. Znacznik <caption> z tekstem "Employee Information" opisującym tabelę.
  3. Wiersz tabeli (<tr>) nagłówka z trzema komórkami nagłówka (<th>). Pierwszy nagłówek powinien obejmować dwie kolumny i zawierać tekst "Employee Details", drugi powinien zawierać tekst "Department", a trzeci — "Salary".
  4. Wiersz tabeli (<tr>) z komórką danych (<td>) obejmującą dwa wiersze i dwie kolumny, zawierającą tekst "John Doe", komórką danych (<td>) zawierającą tekst "Sales" oraz komórką danych (<td>) zawierającą tekst "$50,000".
  5. Kolejny wiersz tabeli (<tr>) z komórką danych (<td>) zawierającą tekst "Marketing" oraz komórką danych (<td>) zawierającą tekst "$60,000".
  6. Ostatni wiersz tabeli (<tr>) z komórką danych (<td>) obejmującą dwie kolumny i zawierającą tekst "Jane Smith", komórką danych (<td>) zawierającą tekst "IT" oraz komórką danych (<td>) zawierającą tekst "$70,000".

Spróbuj swoich sił

<!DOCTYPE html>
<html>
    <body>
        <!-- Wpisz tutaj kod -->
    </body>
</html>

Wszystkie lekcje w sekcji Podstawy

Poćwicz samodzielnie: Edytor online Web