Forum Logo  

Anasayfa Kimler Online Forum Duyuruları Yönetim İletişim Reklam Ver
Geri Git   ForumDenizi.Com > Webmaster ve Teknoloji > Webmaster Forumu > Web Programlama

Etiket Listesi

  
 
LinkBack Seçenekler Stil
Alt 2 Hafta önce   #1
Seçici değilim, sadece neyi hak ettiğimi biliyorum.
 
Anya - ait Kullanıcı Resmi (Avatar)

Üyelik tarihi: 27 Kasım 2017
Cinsiyet: Bayan
Mesajlar: 10,247
Konular: 1806
Tecrübe Puanı: 14
Puanları: 214
Rep Grafiği: Anya has a spectacular aura aboutAnya has a spectacular aura aboutAnya has a spectacular aura about
Alınan Beğeni: 4097
Verilen Beğeni: 3704
Nereden: Bilecik
İlişki Durumu: Love is Ongun♥
Burç: Aslan
Takım: Besiktas
Lightbulb HTML Kodlama Dersi - IV

HTML Kodlama Dersi - IV

HTML Tablo Oluşturma
Tablo oluştururken kullanacağımız temel etiketler <table> <tr> ve <td> dir. <table> tabloyu belirtir. <tr> satırları, <td> ise sütunları belirtir. Önce basit bir örnek yapalım.

Alıntı:
<html>
<body>
<table>
<tr>
<td>Satır1, Sütun1</td>
<td>Satır1, Sütun2</td>
</tr>
<tr>
<td>Satır2, Sütun1</td>
<td>Satır2, Sütun2</td>
</tr>
</table>
</body>
</html>
Bu şekilde 2x2'lik bir tablo oluşturabiliriz. Ancak tablonun kenarları görünmeyebilir. Kenarlık kalınlığını ayarlamak için border ifadesini kullanırız. Kullanımı <table border="1"> şeklindedir. <th> etiketinden de bahsedelim. <th> tablo başlığıdır diyebiliriz. İfadeyi kalın ve bölmenin ortasında gösterir. Bir örnek daha yapalım.
Alıntı:
<html>
<body>
<table border="2">
<tr>
<th>Mavi</th>
<th>Beyaz</th>
<tr>
<td>Deniz</td>
<td>Bulut</td>
</tr>
<tr>
<td>Gökyüzü</td>
<td>Duman</td>
</tr>
</table>
</body>
</html>
Yazdığımız kodun çıktısı aşağıdaki gibi olacaktır:

Mavi Beyaz
Deniz Bulut
Gökyüzü Duman

Satır veya sütunları birleştirebiliriz. rowspan="..." satırlar, colspan="..." sütunlar için kullanılır. Araya da birleştirilecek satır veya sütun sayısını yazarız. Ayrıca bgcolor="..." ifadesini kullanarak tabloların arkaplan rengini de değiştirebiliriz. Örnekle görelim:
[QOUTE]
<html>
<body>
<table border="2" bgcolor="aqua">
<tr>
<td colspan="3">0</td>
<td>1</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td rowspan="2">6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
</table>
</body>
</html> [/QOUTE]
Tablolarla ilgili son olarak cellspacing ve cellpadding ifadelerinden bahsedelim. cellspacing hücreler arası, cellpadding hücre içi genişliği belirtir. Kullanımlarından gösterecek olursak:
[QOUTE]
<html>
<body>
<table border="2" cellspacing="100" cellpadding="100">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</body>
</html> [/QOUTE]
Evet arkadaşlar tablolar hakkında söyleyeceklerimiz şimdilik bu kadar. HTML'de önemli bir yol katetmiş durumdayız. Diğer derste görüşmek dileğiyle kendinize iyi bakın.

Kaynak:Mustafa GÜNEŞ

Kusursuz değilim ama size fazlayım.


Anya isimli Üye şimdilik offline konumundadır  

Sosyal Ağlarda Paylaş

Etiketler
dersi, html, kodlama


Konuyu 1 kişi okuyor. (0 üye ve 1 misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB kodu Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevap Son Mesaj
HTML Kodlama Dersi - III Anya Web Programlama 0 2 Hafta önce 01:17
HTML Kodlama Dersi - II Anya Web Programlama 0 2 Hafta önce 01:14
HTML Kodlama Dersi - I Anya Web Programlama 0 2 Hafta önce 01:11
Çetin Altan’dan 10 hayat dersi Ersin Kişisel Gelişim 0 04 Ağustos 2018 13:41
Su kodlama Anya Bilim ve Teknoloji Haberleri 0 23 Nisan 2018 21:59


Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 06:36.