HTML Tablo Oluşturucu: CSV'den Erişilebilir Tablo

Nasıl kullanılır?

Hücreleri ızgaraya yazın ya da CSV ya da TSV yapıştırın alanına metni koyup Tabloya yükle düğmesine basın.
Başlık hücrelerini belirlemek için İlk satır başlıktır ve İlk sütun başlıktır kutularını işaretleyin.
Tablonun neyi gösterdiğini anlatan bir Tablo açıklaması yazın. Tablo kenarlık gerektiriyorsa Sade bir stil ekle kutusunu işaretleyin.
HTML kutusunu kopyalayın ya da indirin ve kodu sayfanıza yapıştırın.

Başlık hücrelerinin kapsamı neden var?

Başlık hücresi bir td değil, bir th öğesidir. scope özniteliği hangi hücreleri etiketlediğini söyler: bir sütunun üstündeki başlık için col, bir satırın başındaki başlık için row. Ekran okuyucular bu başlıkları her veri hücresiyle birlikte okur; bu yüzden tabloyu göremeyen bir ziyaretçi de bir sayının ne anlama geldiğini bilir.

Tablo açıklaması tablonun tümünün başlığıdır ve tablonun içinde ilk gelen öğedir. Tablonun neyi gösterdiğini anlatan, örneğin Aylık satışlar gibi bir açıklama yazın. HTML tablolar bölümü bu öğeleri açıklar.

bir sütunun üstündeki başlık: scope col olan th;  bir satırın başındaki başlık: scope row olan th;  veri: td

Elektronik tablodan yapıştırma ve kaçış karakterleri

CSV metni hücreleri virgül, noktalı virgül ya da sekmeyle ayırır; bu karakterlerden birini içeren bir hücre çift tırnak içine alınır. Bir elektronik tablodan hücre kopyaladığınızda genellikle sekmeyle ayrılmış metin elde edilir. Ondalık kısmı virgülle yazan dillerdeki elektronik tablolar CSV dosyalarını çoğu zaman noktalı virgülle kaydeder. Otomatik algıla ilk satıra bakar ve en sık geçen ayracı seçer.

Her hücrenin metni yazılmadan önce kaçış karakterlerinden geçirilir. Küçüktür ya da ve işareti gibi bir karakter bir karakter başvurusuna dönüşür; böylece sayfada metin olarak görünür ve asla işaretleme olarak okunmaz. Kısa bir satır boş hücrelerle tamamlanır; her satırda aynı sayıda hücre olur.

Örnek: başlık satırı ve başlık sütunu olan iki sütunlu tablo

İlk satırda Ay ve Satış, ikinci satırda Ocak ve 1200 hücreleri olsun; ilk satır ve ilk sütun başlık olsun ve tablo açıklaması Satış olsun.

Tablo, Satış yazan bir açıklama öğesiyle başlar; ardından scope değeri col olan iki başlık hücresi içeren bir thead gelir. Gövdede Ocak, scope değeri row olan bir başlık hücresidir; 1200 ise bir veri hücresidir.

Sık sorulan sorular

scope özniteliği ne işe yarar?

Yardımcı teknolojiye hangi hücreleri bir başlığın etiketlediğini söyler. col kapsamı başlığın bir sütunun üstünde olduğunu, row kapsamı ise bir satırın başında olduğunu belirtir. Kapsam yoksa ekran okuyucu bu ilişkiyi tahmin etmek zorunda kalır.

Başlık sütununu ne zaman kullanmalıyım?

İlk sütun her satırı adlandırıyorsa kullanın; örneğin bir ürün, bir kişi ya da bir ay. Satır adı olmayan yalnızca sayılardan oluşan bir tabloya gerek yoktur.

Tablonun neden bir açıklamaya ihtiyacı var?

Açıklama, ekran okuyucuların hücrelerden önce okuduğu bir başlık verir. Göremeyen ziyaretçilere de tablonun ne hakkında olduğunu anlatır; bu yüzden tablo tek başına duruyorsa mutlaka bir açıklama yazın.

Elektronik tablo için hangi ayracı seçmeliyim?

Elektronik tablodan kopyalanan metin için Sekme, ondalık kısmı virgülle yazılan bir dilde kaydedilmiş CSV dosyası için Noktalı virgül seçin. Otomatik algıla çoğu durumda doğru olanı bulur ve sonucu kopyalamadan önce önizlemede görürsünüz.

Sade stil sayfamdaki diğer tabloları etkiler mi?

Sayfaya olduğu gibi yapıştırırsanız evet, çünkü stil öğesi sayfadaki bütün tablolara uygulanır. Sayfanızın tablolarına zaten stil veriyorsanız bunu eklemeyin ya da yalnızca gereken kuralları kopyalayın.

Yazdığım ya da yapıştırdığım tablo bir yere gönderiliyor mu?

Hayır. Tablo, önizleme ve HTML tarayıcınızda hazırlanır. Hiçbir şey saklanmaz ya da sunucumuza gönderilmez; bu yüzden sayfadan ayrılmadan önce HTML'i kopyalayın ya da indirin.

Kaynaklar

Rakamlar ve metin en son 10 Kasım 2026 Salı tarihinde kontrol edildi.