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

 

Bu içerik hakkında yorum yapın. Abone Ol

Araştırmacı Webmaster Aracı Diigo ile Hayatınızı Kolaylaştırın

diigo

Web site yöneticilerinin, içerik editörlerinin, web yazarlarının kısacası İnternet üzerinde araştırma yapan, bilgi toplayan, içerik oluşturmak için kaynaklar arayan...

Mobil Aramalar İçin Google “Hız Güncellemesi” Duyuruldu

hızlı mobil web siteleri

Google Webmaster Blog'undan 26 Ocak 2018 tarihinde duyurulan mobil aramalar için hız güncellemesi hakkında bilgilendirme. Masaüstü cihazlar tarafından yapılan...

Meta açıklamalar hakkında bilmeniz gereken her şey

Meta açıklamalar nedir, sıralamaya etkisi, seo uyumlu açıklamalar

Meta açıklamalar; bir sayfanın veya içeriğinin ne ile alakalı olduğunu anlatan kısa özet metinler olduğunu söyleyebiliriz. Bu metinler arama...

Rastgele Yazılar

Yapısal Veriler Nedir – Nasıl Kullanılır?

Yapısal Veriler Nedir – Nasıl Kullanılır?

Yapısal veriler: web sitemizin içeriğinin Google arama robotları tarafından daha iyi anlaşılabilmesi ve arama sonuçlarında (SERP) daha etkili bir...

Pagespeed Tarayıcı Önbellekleme Özelliğinden Yararlanın

Tarayıcı önbellekleme işlemi nasıl yapılacağı ile ilgili anlatım.

Tarayıcı Önbellekleme Nedir? Tarayıcı önbellekleme, bir web sitesini ziyaret eden kullanıcıların bilgisayarlarında yerel olarak sitenizde bulunan görseller,css dosyaları,js dosyaları,...

HTML Nedir?

HTML (HyperText Markup Language) metin işaretleme dillerinden birisi olan HTML web sayfalarını oluşturmak için kullanılır. Bu işaretleme dilinin standartları...