Html Tablo Örnekleri

Bu yazımda Html tablo etiketlerini kullanarak birbirinden farklı Html Tablo Örnekleri yapacağız. Mümkün olduğunca, Html tablo oluştururken kullanma ihtiyacımız olabilecek örnekleri yapmaya çalışacağım.

Tabi yaptığımız örneklerde Css kodu yazmadan sadece Html kodları ile tablo oluşturacağımız için görünüm istediğiniz gibi olmayabilir.

Örneğin Html kodları ile yazdığımız bir tabloya, birkaç Css kodu uygulayarak bu şekilde tablolar elde edebiliriz. 

html-hazir-tablo-kodlari

Bu yazımızda Css konularına değinmeyeceğim. Tablolar ile ilgili hangi Css özelliklerini kullandığımızı öğrenmek istiyorsanız Css Tablo Özellikleri ve Kullanımı yazımı okuyabilirsiniz.

Html tablo etiketlerinin kullanımı ile ilgili eksikleriniz olduğunu düşünüyorsanız Html Tablo Oluşturma yazımı okuyabilirsiniz.

Yeni örnekler yaptıkça yazının sonuna eklemeye devam edeceğim.

Şimdi örneklerimize geçelim. 

Html Tablo Kodları – 1

En basit haliyle bir Html tablo bu şekilde yapılır.

Html Tablo – 1

html-tablo-olusturma

Html Tablo Kodları – 2

Html tablolarında satır birleştirme bu şekilde yapılır.

Html Tablo – 2

html-tablo-ornekleri

Html Tablo Kodları – 3

Html tablolarında sütun birleştirme bu şekilde yapılır.

Html Tablo – 3

html-tablo

Html Tablo Kodları – 4

Html iç içe tablo oluşturma bu şekilde yapılır. 

Html Tablo – 4

tablo-html

Html Tablo Kodları – 5

Kompleks bir tablo örneği

Html Tablo – 5

html-tablo-kodlari

Umarım sizin için faydalı bir yazı olmuştur.

Yeni bir yazımda görüşmek üzere.

Yorum Yazın