One Dups Bilgisayar Programlamaya dair Her şeyi bulabileceğiniz , Özgün konulu bir sitedir.

Son Konular

Post Top Ad

Your Ad Spot

1 Kas 2017

HTML Tablo Oluşrurma Örneği

Bilmemiz gereken komutlar ;

border             =  Tablonun çerçevesini oluşturur.
bgcolor           = Tablo arka planını değiştirmemize yarar.
cellpadding    = Tablonun boyutunu arttırır.
rowspan         = Tablodaki hücreyi Dikey olarak uzatmamıza yardımcı olur. 
colspan           = Tablodaki hücreyi Yatay olarak uzatmamıza yardımcı olur.

Basit bir tablo oluşturalım...

<table border="3" cellpadding="10">     border kısmında çerçevemizi oluşturup,
<tr>                                                            cellpadding kısmında tablomuzu büyüttük.
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
</table>

Görünümü aşağıdaki gibidir.
A B C
D E F
G H I


Rowspan ve Colspan Kullanımı ;

<table border="2" bgcolor="white" cellpadding="30">                                         
<!-- bgcolor kısmında tablonun arka planını beyazlattık  -->
<tr>
               <td >AA1</td>
               <td >AA2</td>
               <td >AA3</td>
                <td rowspan="3" >AA4</td>      <!-- rowspan 3 yazarak hücreyi 3 satır uzattık -->                       </tr>
<tr>
               <td colspan="3">BB1</td>          <!-- colspan 3 yazarak hücreyi 3 sütun uzattık -->                     </tr> 
<tr>
               <td colspan="2" >CC1</td>
                <td >CC2</td>
</tr>
</table>

Bu Örneğin Çıktısı aşağıdaki gibidir...

AA1 AA2 AA3 AA4
BB1
CC1 CC2

Sayfa Olarak Görünümü Bu Şekildedir.



Hiç yorum yok:

Yorum Gönder

Sayfalar