HTML Tablo Oluşturmayı öğrenelim

Son güncelleme: 22.12.2010 09:13
  • 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.


    [HTML]
    <HTML>
    <HEAD></HEAD>
    <BODY>
    </BODY>
    </HTML>
    [/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.

    [HTML]<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>[/HTML]

    <tr> satır, <td> ise hücre oluşturmak için kullanılır.Ve border kenar çizgisidir.

    İşleri Biraz Daha Açmak İstersek;


    [HTML]<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>[/HTML]

    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.

    noimage
#19.04.2008 11:49 0 0 0
  • çokk güzel teşekkür ederizz
#14.10.2008 16:48 0 0 0
  • eline sağlık kardeşim eyvallah
#09.12.2009 16:45 0 0 0
  • SagoL..
#18.12.2009 22:43 0 0 0
  • GÜZEL BİR BİLGİİ
#03.01.2010 19:48 0 0 0
  • tsk lerrr
#31.03.2010 08:21 0 0 0
  • TsqLer.
#04.04.2010 18:17 0 0 0
  • çok güzel olmuş ödevlerime yardım etti
#22.12.2010 09:13 0 0 0