HTML Tablo Oluşturma - Html Dersleri

'Programlama' forumunda sha. tarafından 9 Eyl 2009 tarihinde açılan konu

Konu etiketleri:
  1. sha.

    sha. ..daha çirkin, daha huysuz

    Kod:
    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.
     

Bu Sayfayı Paylaş