Tablo Başlığı Grubu nedir?
CSS'de “ Tablo-Başlık Grubu ”, tablonun başlığını “ aracılığıyla görüntülemek için kullanılır. ' etiket. Başlık, dikey bir sütundaki ilk girişe karşılık gelir. Tablo girişleri hakkında bilgi verir. Başlık, gerekirse birden çok sütuna da yayılabilir. Bu, CSS'de bir Tablo-Sütun Grubu oluşturarak gerçekleştirilebilir.
Örnek Aşağıdaki adımlar bir Tablo Başlığının nasıl oluşturulacağını açıklar: Çıktı “ Tablo-Altbilgi Grubu ”, CSS'de bir tablonun altbilgisini “ yardımıyla görüntülemek için kullanılır. ' etiket. Altbilgi ayrıca okuyucunun verileri daha net anlamasına yardımcı olabilecek tablo içeriği hakkında bilgi verir. Önceki bölümdeki aynı örneği kullanarak, tablodaki “Erkekler” ve “Kadınlar” için her bir sütundaki toplam giriş sayısını veren altbilgiyi ekleyin. Örnek Aşağıdaki adımlar, Tablo Alt Bilgisi oluşturma adımlarını açıklar: Çıktı CSS'deki Tablodaki Üstbilgi ve Altbilgi, sırasıyla bir tablonun üstüne ve altına daha fazla bilgi eklenmesine yardımcı olur. Bu bilgi, tablonun ne hakkında olduğunu belirlemeye yardımcı olur ve tabloya eklenen değerlerde yer alan daha fazla ayrıntı sağlar. Bu ikisi birlikte, tablonun içinde özetlenen verileri mükemmel bir şekilde çerçeveler.
Bir tablonun başlığı, tabloyu görsel olarak ayırmak için tablodaki diğer girişlerden farklı biçimlendirmeye sahiptir. Bunlar genellikle kalın yazı tipi boyutuyla veya büyük ölçekli metinle temsil edilir. “Erkek” ve “Kadın” isimlerini listelerken aşağıdaki örnekte olduğu gibi ayrı bir satırda Başlık olarak atayabiliriz:
< masa >
< baş belası >
< tr >
< inci > Erkekler < / inci >
< inci > Kadınlar < / inci >
< / tr >
< / baş belası >
< iki vücut >
< tr >
< td > James < / td >
< td > jessica < / td >
< / tr >
< tr >
< td > Davut < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Yakup < / td >
< td > rebecca < / td >
< / tr >
< / iki vücut >
< / masa >
” etiketi ile başlık değerlerini satır olarak ekleyin ve “ ” etiketini kullanarak satırların her biri için verileri girin.
Tablo-Altbilgi Grubu nedir?
Tartışılan konsepti açıklayan aşağıdaki örneğe genel bakış:
< baş belası >
< tr >
< inci >Erkekler< / inci >
< inci >Kadınlar< / inci >
< / tr >
< / baş belası >
< iki vücut >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >Davut< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Yakup< / td >
< td >Rebecca< / td >
< / tr >
< / iki vücut >
< ayak >
< tr >
< td sınıf = 'bg-gri-200' >Toplam 03< / td >
< td sınıf = 'bg-gri-200' >Toplam 03< / td >
< / tr >
< / ayak >
< / masa >
Yukarıda yazılan kod aşağıdaki sonucu üretir:
Çözüm