Menu
Coddy logo textTech
ZACZNIJ NAUKĘ
flag Pl iconPolskidown icon

Dodawanie podpisów

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

W tabelach HTML podpis to tytuł lub objaśnienie tabeli. Zawiera krótki opis jej zawartości, dzięki czemu użytkownikom łatwiej zrozumieć jej przeznaczenie. Podpisy tworzy się za pomocą znacznika <caption>, który należy umieścić bezpośrednio po znaczniku <table>.

Oto podstawowa składnia dodawania podpisu do tabeli w HTML:

<table>
	<caption>Table Caption</caption>
	<tr>
		<th>Header 1</th>
		<th>Header 2</th>
	</tr>
	<tr>
		<td>Row 1, Cell 1</td>
		<td>Row 1, Cell 2</td>
	</tr>
</table>
challenge icon

Wyzwanie

Łatwy

Utwórz dokument HTML zawierający tabelę z podpisem. Tabela powinna mieć następującą strukturę:

  1. Znacznik <table> definiujący tabelę.
  2. Znacznik <caption> z tekstem "Product Inventory" opisującym tabelę.
  3. Wiersz tabeli (<tr>) z nagłówkiem zawierający dwie komórki nagłówka (<th>). W komórkach nagłówka powinny znaleźć się teksty "Product Name" i "Quantity".
  4. Wiersz tabeli (<tr>) zawierający dwie komórki danych (<td>). W komórkach powinny znaleźć się teksty "Laptop" i "5".
  5. Kolejny wiersz tabeli (<tr>) zawierający dwie komórki danych (<td>). W komórkach powinny znaleźć się teksty "Mouse" i "10".

Spróbuj swoich sił

<!DOCTYPE html>
<html>
    <body>
        <!-- Wpisz tutaj kod -->
    </body>
</html>
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Podstawy

1Podstawy HTML

Czym jest HTML?Podstawowa struktura dokumentu HTMLTagi i elementyZagnieżdżanie i zamykanie tagówKomentarze w HTML

4Karta przepisu

Przegląd projektuTytuł i opis przepisuLekcja projektowaSkładnikiLekcja projektowaKrokiLekcja projektowa

7Strona profilu osobistego

Omówienie projektuSekcja nagłówkaLekcja projektowaZdjęcie profiloweLekcja projektowaSekcja „O mnie”Lekcja projektowaLinki do mediów społecznościowychLekcja projektowa

10Tabele

Podstawy tabelDodawanie podpisówScalanie wierszy i kolumnPodsumowanie – tabele

2Tekst i formatowanie

NagłówkiAkapityPodziały wierszaTekst pogrubiony i pochylonyPonownie: tekst pogrubiony i pochylonyPodsumowanie — formatowanie

5Dodawanie treści

Atrybuty HTMLLinkiLinki do nowych stronObrazyAtrybuty obrazów

8Formularze i pola wejściowe, część 1

Podstawy formularzyPola tekstoweAtrybuty pólPole hasłaEtykiety pólPodsumowanie – podstawowy formularz

11Strona rejestracji na wydarzenie

Przegląd projektuSekcja nagłówkaLekcja projektowaSekcja szczegółów wydarzeniaLekcja projektowaFormularz rejestracyjnyLekcja projektowaSekcja stopkiLekcja projektowa

3Praca z listami

Lista nieuporządkowanaLista uporządkowanaListy zagnieżdżonePodsumowanie — listy

6Układ strony

Elementy blokoweElementy linioweZnaczniki semantyczneSekcje i artykułyPodsumowanie — układ

9Formularze i pola wejściowe, część 2

Przyciski opcjiPola wyboruListy rozwijanePrzyciskiPrzyciski w formularzachPowtórzenie — formularze nr 1Powtórzenie — formularze nr 2

12Końcowe wyzwania

Prosta karta profilowaKarta zaproszenia na wydarzenieProsta strona artykułuLista ulubionych książek

Poćwicz samodzielnie: Edytor online Web