Html-Tablo Oluşturma

HTML KODLARI- TEMEL DÜZEY- Tablo Oluşturma

Tablo oluşturmada kullanılacak başlıca kodlar;
                                  Şekil 1.  html.sitesi.web.tr adresinden alıntıdır.






1.KISIM

     İlk olarak not defterini açalım ve aşağıdaki kodu yazalım.














     <center> kodu oluşturduğumuz tablonun sayfanın ortasında olmasını sağlamak içindir. Her bir satırı oluşturmak için <tr> kodunu kullanarak yeni kod oluşturuyoruz. <table border=”3” > kodu ile oluşturmakda olduğumuz tabloya kenarlık ekleriz, 3 sayısı oluşturulacak kenarlığın boyutunu temsil eder. Yani kenarlığın boyutunu bu kısımdan ayarlıyoruz. Kodun .html sayfasındaki görünümü aşağıdaki gibidir;







2.KISIM

Bu kısımda tabloları nasıl birleştirebileceğimizi göreceğiz. Yine ilk olarak not defterini açıp aşağıdaki kodu yazıyoruz.
















     <td colspan =”…” > kodu  iki sütunu birleştirmek için kullanılır. <td rowspan=”…”> kodu ise iki satırı birleştirmek için kullanılır. “…” kısmına kaç sütun ya da satır birleştirileceğini yazmamız gerekir. .html ile olan görüntüsü ;






Tablo Özellikleri

Şekil 2.  html.sitesi.web.tr adresinden alıntıdır





.



Sütun Özellikleri (<td>)

Şekil 3.  html.sitesi.web.tr adresinden alıntıdır.









Bu konu ile ilgili hazırladığım videom;





Yorum Gönder