HTML Tablo Oluşturmayı öğrenelim

HTML Kodlama İle Tablo Oluşturmayı Öğrenelim Hep Beraber..

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>

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


<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>



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

İşleri Biraz Daha Açmak İstersek;


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




Saygılarımla...
  • Etiketler;
Gökhan Halimoğlu
1989 İzmir doğumlu. 2005 yılından bu yana aktif olarak programlama dünyasının içinde. Şu anda Çukurova Üniversitesinde Bilgisayar Programcılığı bölümünde eğitim hayatını sürdürüyor.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

GÜZEL ANLATIM TESEKKÜRLER
:hayret::-dusun::sasir::kirp::uzul::agla::gul::D
:gul: gerçekten güzel bir anlatım ve paylaşım tşk...ler
teşekürler.
yen başlayanlar için süper!!!!!:D:D
iyi anladım sayılır:-dusun:
güzel olmuş teşekkürler
İyi
ya htmlden fazla anlamıyorum bırı bana yardım etsı n:hayret::uzul::sasir:::agla: tsekurler
süper yaaaaaaaa paylaşımınız için tşkler emeğe saygııı çok iyi anladımmmm:kirp::kirp:
süper yaaaaaaaa paylaşımınız için tşkler emeğe saygııı çok iyi anladımmmm:kirp::kirp::kirp:
çok güzel :D:D:D:D:D:D:D:
aga iyi olmuş ama anlamadım
:kirp:süper elinize sağlık
éLiNé SaqLık..
Merhaba öncelikle yeni öğreniyorum tablo yapmayı üstüne bu siteyi buldum birşey rica edicem sizden cellspacing,cellpaddind,colspan,rowspan ile ilgili acil yardım istiyorum bu tabloda pek fazla anlamadım.Pazartesi günü sınavım var acil yardımınızı bekliyorum..
Merhaba öncelikle yeni öğreniyorum tablo yapmayı üstüne bu siteyi buldum birşey rica edicem sizden cellspacing,cellpaddind,colspan,rowspan ile ilgili acil yardım istiyorum bu tabloda pek fazla anlamadım.Pazartesi günü sınavım var acil yardımınızı bekliyorum..
Ellerine Sağlık Çok Güzel Anlatmışsın.

Yukarı Git