Satırların ve sütunların temellerini anladığınızda ve ayrıca bir tablo kullanmanın ne zaman uygun olduğunu ve ne zaman kaçınmanız gerektiğini anladığınızda HTML tabloları oluşturmak kolaydır.
Tablolar ve Web Tasarımının Tarihçesi
Yıllar önce, kabul edilebilir CSS ve web standartlarından önce, web tasarımcıları siteler için bir sayfa düzeni oluşturmak için HTML öğesini kullandılar. Web sitesi tasarımları, bir bulmaca gibi küçük parçalara “dilimlenir” ve ardından tarayıcıda amaçlandığı gibi işlenmek üzere bir HTML tablosu ile birleştirilir. Çok fazla HTML işaretlemesi yaratan ve bugün web sitelerimizin yaşadığı çok ekranlı dünyada asla kullanılamayacak çok karmaşık bir süreçti. CSS, web sayfası görselleri ve düzeni için kabul edilen yöntem haline geldikçe, bunun için tabloların kullanımı haline geldi. çekindi ve birçok web tasarımcısı yanlışlıkla “tabloların kötü” olduğuna inanıyordu. Bu doğru değildi ve doğru değil. Düzen için tablolar kötüdür, ancak yine de web tasarımında ve HTML’de, yani bir takvim veya tren tarifesi gibi tablo şeklindeki verileri görüntülemek için bir yerleri vardır. Bu içerik için tablo kullanmak hala kabul edilebilir ve iyi bir yaklaşımdır. Peki bir masayı nasıl düzenlersiniz? Basitçe 2×2’lik bir tablo oluşturarak başlayalım. Bu, 2 sütuna (bunlar dikey bloklardır) ve 2 sıraya (yatay bloklar) sahip olacaktır. 2×2’lik bir tablo oluşturduktan sonra, sadece ek satırlar veya sütunlar ekleyerek istediğiniz boyutta bir tablo oluşturabilirsiniz.
2×2 Tablo Oluşturun
-
Önce tabloyu açın:
tür = “kod”>
-
Tr etiketiyle ilk satırı açın:
tür = “kod”>
-
Td etiketiyle ilk sütunu açın:
tür = “kod”>
-
Hücrenin içeriğini yazın.
-
İlk hücreyi kapatın ve ikinciyi açın:
tür = “kod”>
-
İkinci hücrenin içeriğini yazın.
-
İkinci hücreyi kapatın ve satırı kapatın:
tür = “kod”>
-
İkinci satırı tam olarak ilkiyle yazın:
tür = “kod”>
-
Ardından tabloyu kapatın:
tür = “kod”>
-
Bu kadar!
-
TH ve TD HTML Tablo Etiketleri Arasındaki Fark Nedir?
-
HTML Tablosunun Arka Plan Rengini Değiştirme
-
Google Dokümanlar’da Nasıl Tablo Yapılır
-
CSS’de 3 Sütunlu Düzen Nasıl Oluşturulur
-
Tablo Verileri ve XHTML’de Tabloların Kullanımı
-
CSS ile Bir Tabloya İç Çizgiler (Kenarlıklar) Ekleme
-
HTML Öğesine Karşı HTML Etiketi Nedir?
-
Google E-Tablolar’da Pivot Tablo Nasıl Oluşturulur
-
Excel’de Veritabanı Nasıl Oluşturulur
-
Excel Elektronik Tablolarında Veri Listeleri Nasıl Oluşturulur
-
Google E-Tablolarda Gantt Grafiği Nasıl Oluşturulur
-
HTML Tablolarınızda Eğlenceli Alanlardan Kurtulun
-
HTML TABLE Öğesi Özelliklerini Kullanma
-
Excel’de Otomatik Sığdırma
-
Görüntüleri ve Diğer HTML Nesnelerini Ortalamak için CSS Nasıl Kullanılır
-
İlgili Verilerinizi Excel’de Tablolarla Sıralama
Öğesini kullanarak tablonuza tablo başlıkları eklemeyi de seçebilirsiniz. Bu tablo başlıkları, aşağıdaki gibi ilk tablo satırındaki “tablo verileri” parçalarının yerini alır:
İsim Soyisim
Rol
Jeremy
Tasarımcı
Jennifer
Geliştirici
Bu sayfa tarayıcıda oluşturulduğunda, tablo başlıklarını içeren ilk satır varsayılan olarak kalın metinle görüntülenir ve göründükleri tablo hücresinde ortalanır.
Peki, HTML’de Tabloları Kullanmak Uygun Mudur?
Evet, bunları yerleşim amacıyla kullanmadığınız sürece, tabloları kullanmakta sorun yoktur. Tablolu bilgileri görüntülemeniz gerekiyorsa, bunu yapmanın en iyi yolu bir tablodur. Aslında, bu meşru HTML öğesinden kaçınmak için bazı yanlış yönlendirilmiş saflıklardan dolayı bir tablodan kaçınmak, onları bugün ve çağda düzen amacıyla kullanmak kadar geriye gitmektedir.
Biçim mla apa chicago Alıntıınız
Kyrnin, Jennifer. “2×2 Tablo Nasıl Oluşturulur.” ThoughtCo, Mayıs. 14, 2021, thinkco.com/how-to-build-a-2×2-table-3464594.
Kyrnin, Jennifer. (2021, 14 Mayıs). 2×2 Tablo Nasıl Oluşturulur. Https://www.thoughtco.com/how-to-build-a-2×2-table-3464594 adresinden erişildi
Kyrnin, Jennifer. “2×2 Tablo Nasıl Oluşturulur.” ThoughtCo. https://www.thoughtco.com/how-to-build-a-2×2-table-3464594 (24 Mayıs 2021’de erişildi).
Gizlilik Haklarınız
ThoughtCo ve üçüncü taraf ortaklarımız tanımlama bilgileri kullanır ve bir cihazda bilgi depolama ve / veya bilgilere erişme, kişiselleştirilmiş reklamlar görüntüleme ve içerik ölçümü, hedef kitle anlayışı ve ürün geliştirme izninize bağlı olarak benzersiz tanımlayıcılar gibi kişisel verileri işler. Meşru menfaatin kullanıldığı durumlarda itiraz etme hakkınız da dahil olmak üzere ThoughtCo.com için izin seçeneklerinizi değiştirmek veya geri çekmek için aşağıya tıklayın. İstediğiniz zaman, herhangi bir sayfanın altındaki “AB Gizliliği” bağlantısını kullanarak ayarlarınızı güncelleyebilirsiniz. Bu seçimler global olarak ortaklarımıza bildirilecek ve tarama verilerini etkilemeyecektir. İş Ortakları Listesi (satıcılar)
Biz ve ortaklarımız verileri şu amaçlarla işleriz:
Tanımlama için cihaz özelliklerini aktif olarak tarayın. Kesin coğrafi konum verilerini kullanın. Bir cihazda bilgi depolayın ve / veya bunlara erişin. Kişiselleştirilmiş içeriği seçin. Kişiselleştirilmiş bir içerik profili oluşturun. Reklam performansını ölçün. Temel reklamları seçin. Kişiselleştirilmiş bir reklam profili oluşturun. Kişiselleştirilmiş reklamları seçin. Kitle içgörüleri oluşturmak için pazar araştırması uygulayın. İçerik performansını ölçün. Ürünleri geliştirin ve iyileştirin. İş Ortakları Listesi (satıcılar)
