HTML Tablo Oluşturmayı öğrenelim

Yazar

Mesaj

03.07.2008, 16:42 (UTC) Mesaj konusu: HTML Tablo Oluşturmayı öğrenelim	Alıntıyla Cevap Gönder

HTML Kodlama İle Tablo Oluşturmayı Öğrenelim Hep Beraber.. HTML İLE TABLO OLUŞTURMA "TABLE" tag'ını kullanarak oluşturacağız tablomuzu. Yeni bir Not Defteri sayfası açıp temel kodlarımızı Yazarak Başlayalım o Zaman. Kod: <HTML> <HEAD></HEAD> <BODY> </BODY> </HTML> Kodlarımızı Yazdıktan Sonra, Geçelim Tablomuzu nasıl yapılıcagına. Kodlarımızı Her zamanki gibi Açıp Özelikleri Belirtip Tekrar Kapatacağız. Kod: <table border="2" bordercolor="black"> <tr> <td> 1. satır,1. hücre </td> <td> 2.hücre </td> <td> 3.hücre </td> </tr> <tr> <td>2.satır </td> <td>2.hücre </td> <td>3.hücre </td> </tr> </table> <tr> satır, <td> ise hücre oluşturmak için kullanılır.Ve border kenar çizgisidir. İşleri Biraz Daha Açmak İstersek; Kod: <table width="300" border="10" bordercolor="pink" cellspacing="8" cellpadding="15" bgcolor="red"> <tr bgcolor="blue"> <td width=20%> 1.satır, 1.hücre </td> <td width=40%> 2. hücre </td> <td width=40%> 3. hücre </td> </tr> <tr bgcolor="blue"> <td> 1.satır </td> <td>2.hücre </td> <td> 3.hücre </td> </tr> </table> Burada, cellpadding hücre içine koyacağımız unsurların tablo kenarına uzaklığını ,,cellspacing hücreler arasındaki uzaklığı ,,bgcolor zemin rengini ,, width tablonun genişliğini ,, height tablonun yüksekliğini Belirtir.