Tablo Oluşturma – HTML

HTML ile tablo oluşturmak eskiden çok sık kullanılırdı, bunun en büyük sebeplerinden birisi önceleri web siteleri tablolar ile oluşturulmaktaydı. HTML’in gelişmesi ile web tasarımlarında tablolar yerini divlere bıraktı. Fakat tablolar günümüzde halen oldukça fazla işe yarıyorlar.

Aşağıdaki örnek tabloda bir şehirler arası yolcu otobüsünün, yolcu listesi hazırlandı.

 Yolcular  Koltuk Numarası  Gidiş Noktası
 Ali Veli GÜNEŞ  15  İstanbul
 Hasan DOĞAN  25  Ankara
 Vehpi GÜLEÇ  8  İzmir
 Serpil KALEM  15  Bursa

 

Yukarıda gördüğünüz tablo HTML ile çok basit adımlarla oluşturuldu. Özellikle bir web sitesi yönetimi ve içeriği ile ilgili isek çeşitli anlatım yada makalelerimiz de tabloları bazen sık sık kullanmamız gerekebiliyor.

Yukarıdaki tablo aşağıdaki HTML kodları ile oluşturulmuştur.

 

Eğer kodların dizilimine bakarsanız tabloların yatay satırlardan oluştuğunu fark edersiniz. Yukarıdan aşağı doğru her bir satır yatay sıra ile oluşturulmuştur. Biraz daha detaya inersek;

<table>...</table>  etiketi bizim tablomuzu oluşturuyor.

<tbody>...</tbody>  etiketi bizim tablo gövdemizi oluşturuyor.

<tr>...</tr>  etiketi tablo satırlarımızı oluşturuyor.

<td>...</td>  etiketi ise tablomuzun hücrelerini oluşturuyor.

Bu şekilde baktığımızda o kadar da zor ve karmaşık görünmüyor değil mi?  😉

 

Merhaba ben Cihan EKEN   Uzun yıllardır bilgisayar ve internet ile ilgileniyorum. Esasen mesleğim Elektrik Teknisyeniyim fakat hem keyif aldığım için hem hobi amaçlı web siteleri ve bunların gelişimi ile ilgileniyorum.   Wordpress özellikle ilgi alanıma giren bir sistem, bu nedenle sık sık Wordpress hakkında faydalı paylaşımlar yapıyorum. Bunun haricinde web sitelerinin SEO ve özellikle de Site İçi SEO gelişimlerini araştırmakta ve bu gelişimleri takip etmekteyim.   1993 ANKARA doğumluyum. Şuan da Fransa da yaşamaktayım. Merak edip okuduğunuz için teşekkürler. :)

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Dış Bağlantılarım