Div İle Tablo Oluşturma
Div ile tablo oluşturma, web tasarımının en temel unsurlarından biridir. Tablolar, verileri düzenlemek ve görsel olarak sunmak için kullanılır. Div etiketleri ise, web sayfasının farklı bölgelerini oluşturmak ve düzenlemek için kullanılır. Bu makalede, div etiketleri kullanarak nasıl tablo oluşturabileceğinizi öğreneceksiniz.
Tablo oluşturmak için ilk adım, bir div etiketi içinde tablo etiketlerini kullanmaktır. Bu sayede, tablonun tasarımını ve konumunu daha kolay kontrol edebilirsiniz. Öncelikle, bir div etiketi oluşturarak tabloyu içine yerleştirelim:
Şimdi tablomuzun içine satırları ve sütunları ekleyebiliriz. Satırları eklemek için “tr” etiketini kullanırken, sütunları eklemek için “td” etiketini kullanmalıyız. İşte bir örnek:
| Başlık 1 | Başlık 2 |
| Veri 1 | Veri 2 |
Yukarıdaki örnekte, tablomuz iki sütunlu ve iki satırlıdır. etiketiyle başlıkları kalın olarak vurguladık.
Tablonun boyutlarını ve tasarımını değiştirmek için CSS kullanabilirsiniz. CSS, web sayfalarının görünümünü düzenlemek için kullanılan bir stil dilidir. Örneğin, tablonun kenarlıklarını ve hücrelerin arka plan rengini değiştirmek için aşağıdaki CSS kodunu kullanabilirsiniz:
Yukarıdaki CSS kodu, tablonun kenarlıklarını kapatır ve hücrelerin arka plan rengini belirler. Ayrıca, tablonun genişliğini yüzde olarak ayarlar.
Div etiketleri ile tablo oluşturmak, web tasarımında daha fazla kontrol ve esneklik sağlar. Tablonuzun boyutlarını ve tasarımını istediğiniz gibi düzenleyebilirsiniz. CSS kullanarak tablonun görünümünü daha da özelleştirebilirsiniz.
Bu makalede, div etiketleri kullanarak nasıl tablo oluşturabileceğinizi öğrendiniz. Tablonuzun boyutlarını ve tasarımını CSS ile düzenleyerek, web sayfanızı daha profesyonel ve etkileyici hale getirebilirsiniz. Div ile tablo oluşturmanın pratik olduğunu ve web tasarımında daha fazla esneklik sağladığını unutmayın.
