HTML tabloları, satır ve sütunların temellerini anladığınızda ve ayrıca bir tablo kullanmak için Tamam olduğunda ve bunları önlemek istediğinizde anladığınızda 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ı siteler için sayfa düzeni oluşturmak için HTML
öğesini kullandılar. 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ı kesintiye uğradı 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 tabloları kötüdür, ancak web tasarımında ve HTML'de hala bir yer vardır, yani bir takvim programı takvimi 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.
Zorluk: Ortalama
Gerekli Süre: 10 Dakika
İşte nasıl:
- İlk önce tabloyu aç
- İlk satırı tr etiketiyle açın
- İlk sütunu td etiketi
ile aç - Hücrenin içeriğini yaz
- İlk hücreyi kapat ve ikinci aç td>
- İkinci hücrenin içeriğini yaz
- İkinci hücreyi kapat ve satırı kapat td> tr>
- İkinci satırı tam olarak ilk
td> | td> tr> olarak yazın. - Daha sonra tabloyu kapatın table>
| öğesini kullanarak tablonuza tablo üstbilgileri eklemeyi de seçebilirsiniz. Bu tablo üstbilgileri, ilk tablo satırındaki veya "tablo verileri" parçalarını şöyle değiştirir:
th> | Rol th> tr> | Jeremy td> | Tasarımcı td> tr> < td> Jennifer td> | Geliştirici td> | tr> table> 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 - düzeni için kullanmadığınız sürece. Tablo bilgileri görüntülemeniz gerekiyorsa, bunu yapmanın bir yolu vardır. Aslında, bu okunaklı HTML elemanını kesmek için yanlış yönlendirilmiş bir saflıktan dolayı bir tablodan kaçınmak, bu gün ve yaştaki düzensel sebeplerden dolayı bunları kullanmak kadar geriye doğrudur.
Jennifer Kyrin tarafından yazıldı. Jeremy Girard tarafından 8/11/16 tarihinde düzenlenmiştir.
| | |