Podsumowanie – tabele
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 51 z 60.
Wyzwanie
ŁatwyUtwórz dokument HTML zawierający tabelę ze wszystkimi elementami, których nauczyliśmy się do tej pory:
- Znacznik
<table>definiujący tabelę, z atrybutemborderustawionym na "1", aby tabela była widoczna. - Znacznik
<caption>z tekstem "Employee Information" opisującym tabelę. - 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". - 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". - Kolejny wiersz tabeli (
<tr>) z komórką danych (<td>) zawierającą tekst "Marketing" oraz komórką danych (<td>) zawierającą tekst "$60,000". - 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
1Podstawy HTML
Czym jest HTML?Podstawowa struktura dokumentu HTMLTagi i elementyZagnieżdżanie i zamykanie tagówKomentarze w HTML7Strona profilu osobistego
Omówienie projektuSekcja nagłówka2Tekst i formatowanie
NagłówkiAkapityPodziały wierszaTekst pogrubiony i pochylonyPonownie: tekst pogrubiony i pochylonyPodsumowanie — formatowanie8Formularze i pola wejściowe, część 1
Podstawy formularzyPola tekstoweAtrybuty pólPole hasłaEtykiety pólPodsumowanie – podstawowy formularz11Strona rejestracji na wydarzenie
Przegląd projektuSekcja nagłówkaPoćwicz samodzielnie: Edytor online Web