Menu
Coddy logo textTech
ÖĞRENMEYE BAŞLA
flag Tr iconTürkçedown icon

Başlık Ekleme

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

HTML tablolarında, bir caption tablo için bir başlık veya açıklamadır. Tablonun içeriği hakkında kısa bir açıklama sağlayarak kullanıcıların tablonun amacını anlamasını kolaylaştırır. Başlıklar, <table> etiketinden hemen sonra yerleştirilmesi gereken <caption> etiketi kullanılarak oluşturulur.

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.

Kopya kağıdı

<caption> etiketi, bir HTML tablosu için bir başlık veya açıklama sağlar. <table> etiketinden hemen sonra yerleştirilmelidir.

<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>

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.

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

1HTML Temelleri

HTML Nedir?HTML'in Temel YapısıEtiketler ve Elementlerİç İçe Geçirme ve Kapatma EtiketleriHTML'de Yorumlar

4Tarif Kartı

Projeye Genel BakışTarif Başlığı ve AçıklamasıProje dersiMalzemelerProje dersiAdımlarProje dersi

7Kişisel Profil Sayfası

Projeye Genel BakışHeader BölümüProje dersiProfil ResmiProje dersiHakkımda BölümüProje dersiSosyal BağlantılarProje dersi

10Tablolar

Tablo TemelleriBaşlık EklemeSatır ve Sütun BirleştirmeÖzet - Tablolar

2Metin ve Biçimlendirme

BaşlıklarParagraflarSatır SonlarıKalın ve İtalik MetinYeniden Kalın ve İtalikÖzet - Biçimlendirme

5İçerik Ekleme

HTML ÖznitelikleriBağlantılarYeni Sayfa BağlantılarıGörsellerGörsel Öznitelikleri

8Formlar ve Inputlar Bölüm 1

Form TemelleriMetin InputlarıInput ÖznitelikleriŞifre AlanıInputlar için EtiketlerÖzet - Temel Form

11Etkinlik Kayıt Sayfası

Projeye Genel BakışHeader BölümüProje dersiEtkinlik Detayları BölümüProje dersiKayıt FormuProje dersiFooter BölümüProje dersi

3Listelerle Çalışma

Sırasız ListeSıralı Listeİç İçe ListelerÖzet - Listeler

6Sayfa Düzeni

BölümlerSatır İçi Span'lerSemantik EtiketlerSection ve Article EtiketleriÖzet - Düzen

9Formlar ve Girdiler Bölüm 2

Radyo DüğmeleriOnay KutularıAçılır MenülerButonlarFormlardaki ButonlarÖzet - Formlar #1Özet - Formlar #2

12Final Meydan Okumaları

Basit Profil KartıEtkinlik Davetiye KartıBasit Makale SayfasıFavori Kitaplar Listesi