HTML tabloları, satır ve sütunların temellerini anladığınızda ve bir tabloyu kullanmaya ne zaman başladığınızı anladığınızda ve bunlardan kaçınmanız gerektiğinde kolayca oluşturulur.
Tablolar ve Web Tasarımının Kısa Tarihi
Yıllar önce, CSS ve web standartlarının kabul edilmesinden önce, web tasarımcıları HTML'yi kullandılar
siteler için sayfa düzeni oluşturmak için öğe. Web sitesi tasarımları bir bulmaca gibi küçük parçalara "dilimlenir" ve daha sonra tarayıcıda tasarlandığı gibi bir HTML tablosuyla birleştirilir. Çok fazla sayıda HTML biçimlendirmesi yaratan ve web sitelerimizin içinde yaşadığı çoklu ekran dünyasında asla kullanılamayacak olan çok karmaşık bir süreçti. CSS web sayfası görselleri ve düzeni için kabul edilen bir yöntem haline geldiğinden, bunun için tabloların kullanımı oldu Shunned ve birçok web tasarımcıları yanlışlıkla "tabloların kötü" olduğuna inandılar. Bu doğru ve yanlıştır. Düzen için tablolar kötüdür, ancak hala web tasarımı ve HTML'de bir yer vardır, yani bir takvim veya tren programı gibi tablo verilerini görüntülemek için. Bu içerik için bir tablo kullanmak hala kabul edilebilir ve iyi bir yaklaşımdır.
Peki bir tabloyu nasıl düzenlersiniz? Basit bir 2x2 tablosu oluşturarak başlayalım. Bu 2 sütun (bunlar dikey bloklar) ve 2 satır (yatay bloklar) olacaktır. Bir 2x2 tablo oluşturduktan sonra, sadece ek satır veya sütun ekleyerek istediğiniz boyut tablosunu oluşturabilirsiniz.
İşte nasıl
-
İlk önce masayı aç
-
Tr etiketiyle ilk satırı açın
-
İlk sütunu td etiketi ile açın
|
-
Hücrenin içeriğini yaz
-
İlk hücreyi kapat ve ikincisini aç
|
-
İkinci hücrenin içeriğini yaz
-
İkinci hücreyi kapat ve satırı kapat
-
İkinci satırı tam olarak ilk olarak yazın
| | |
-
Sonra masayı kapat
-
Bu kadar!
Tablo başlıklarını kullanarak tablonuza ekleyebilirsiniz.
öğesi. Bu tablo başlıkları, ilk tablo satırındaki "tablo verileri" parçalarının yerini alacak, şöyle:
| isim | rol | | Jeremy | tasarımcı | Jennifer | Geliştirici |
Bu sayfa tarayıcıda oluşturulduğunda, ilk önce tablo üstbilgileriyle birlikte satır aralığı, kalın yazıyla görüntülenir ve içinde göründükleri tablo hücresinde ortalanırlar.
Yani, HTML Tabloları Kullanmak Tamam mı?
Evet, bunları mizanpaj amacıyla kullanmıyorsanız, tabloları kullanmak için sorun yoktur. Tablo bilgileri görüntülemeniz gerekiyorsa, bunu yapmanın bir yolu vardır. Aslında, bu meşru HTML elemanını dağıtmak için yanlış yönlendirilmiş bir saflıktan dolayı bir tablodan kaçınmak, bu gün ve yaştaki düzensel nedenlerden dolayı bunları kullanmak kadar geriye doğrudur.
Jennifer Kyrin tarafından yazıldı. Jeremy Girard tarafından düzenlenmiştir.
|
