Nihal's Blog

Posts Tagged ‘tablo

HTML’de tablo oluşturmayı daha önce anlatmıştım. Bu yazımda basitçe CSS ile tabloların tasarımını anlattım. Bildiğiniz gibi tablolar <table> etiketi ile oluşturulur.  <tr> etiketi ile tabloya satır ekleriz, <td> ile de sütun ekleriz.

Basit olarak bir tablo yapalım ve tablonun border özelliğini ile border’ı belirleyelim. Ben 5px solid pink değerini verdim. Siz başka bir değer verebilirsiniz. <style></style> etiketleri arasına CSS kodumuzu yazabiliriz. Yazının devamını oku »

Etiketler: , , ,

Bu örnekte DropDownList’en seçtiğimiz sayılara göre tablo oluşturmayı anlattım. Siz textbox’tan girilen şekilde de yapabilirsiniz. O zaman textBox’lara sadece sayı girilmesini kontrol etmelisiniz.

3 Yazının devamını oku »

Etiketler: , ,

Bir tablo oluşturmak için temel etiketleri aşağıda yazdım.

  • Tabloya başlamak için <table> etiketi kullanılır
  • Yeni bir satıra başlamak için <tr> etiketi kullanılır
  • Yeni bir sütuna başlamak için <td> etiketi kullanılır

Oluşturduğumuz tablonun görsel özelliklerini aşağıdakileri kullanarak değiştirebiliriz.

  • Tablonun çerçevesi için border kullanılır.
  • Tablonun genişliği için width kullanılır.
  • Tablonun stilinini belirtmek için class kullanılır.
  • Sütunlar arası kenar boşluğu için cellspacing kullanılır.
  • Satırlar arası kenar boşluğu için cellpadding kullanılır.

1-Şimdi basit bir örnek yapalım.

1 Yazının devamını oku »

Etiketler: ,

Enter your email address to follow this blog and receive notifications of new posts by email.

Follow Nihal's Blog on WordPress.com