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 04 Ocak 2019   #1

Üyelik tarihi: 27 Kasım 2017
Cinsiyet: Bayan
Mesajlar: 10,980
Konular: 1871
Rep Gücü: 17
Puanları: 518
Rep Grafiği: Nefertem is a glorious beacon of lightNefertem is a glorious beacon of lightNefertem is a glorious beacon of lightNefertem is a glorious beacon of lightNefertem is a glorious beacon of lightNefertem is a glorious beacon of light
Alınan Beğeni: 4384
Verilen Beğeni: 4040
Nereden: Bilecik
İlişki Durumu: The love of Ongun is my medicine♥
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Ş

"Kimseyle hiçbir konuda yarış halinde değilim. Kimseden akıllı, kimseden güzel , kimseden iyi olma gibi bir iddiam yok. Kimse için en değilim. Daha değilim. Bu devasa iddiasızlığın bana verdiği özgürlüğün hastasıyım."


To view links or images in signatures your post count must be 0 or greater. You currently have 0 posts.
Nefertem isimli Üye şuanda  online konumundadır  

Sosyal Ağlarda Paylaş

Etiketler
dersi, html, kodlama


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

Gönderme Kuralları
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 Nefertem Web Programlama 0 04 Ocak 2019 01:17
HTML Kodlama Dersi - II Nefertem Web Programlama 0 04 Ocak 2019 01:14
HTML Kodlama Dersi - I Nefertem Web Programlama 0 04 Ocak 2019 01:11
Çetin Altan’dan 10 hayat dersi Ersin Kişisel Gelişim 0 04 Ağustos 2018 13:41
Su kodlama Nefertem Bilim ve Teknoloji Haberleri 0 23 Nisan 2018 21:59


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