Menu
Coddy logo textTech

Başlık Ekleme

Coddy'nin HTML Journey'sinin Temeller bölümünün bir parçası. Ders 49 / 60.

HTML tablolarında caption, tablo için bir başlık veya açıklamadır. Tablonun içeriğinin kısa bir açıklamasını sunarak kullanıcıların tablonun amacını anlamasını kolaylaştırır. Caption'lar, <caption> etiketi kullanılarak oluşturulur ve bu etiket, <table> etiketinin hemen ardından yerleştirilmelidir.

HTML'de bir tabloya başlık eklemek için temel sözdizimi şöyledir:

<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

Görev

Kolay

Bir başlık (caption) içeren bir tablo barındıran bir HTML belgesi oluşturun. Tablo şu yapıya sahip olmalıdır:

  1. Tabloyu tanımlamak için bir <table> etiketi.
  2. Tabloyu açıklamak için "Product Inventory" metnini içeren bir <caption> etiketi.
  3. İki başlık hücresi (<th>) içeren başlık için bir tablo satırı (<tr>). Başlık hücreleri "Product Name" ve "Quantity" yazmalıdır.
  4. İki veri hücresi (<td>) içeren bir tablo satırı (<tr>). Hücreler "Laptop" ve "5" yazmalıdır.
  5. İki veri hücresi (<td>) içeren başka bir tablo satırı (<tr>). Hücreler "Mouse" ve "10" yazmalıdır.

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <!-- Kodunuzu buraya yazın -->
    </body>
</html>
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Temeller bölümündeki tüm dersler

Kendi başına pratik yap: Web playground