Сврха ћелије табеле
Ћелија табеле је појединачни унос унутар табеле који се састоји од низа других ћелија, баш као и она. Главна сврха ћелије табеле је да бележи податке на уредан начин ради лакшег разумевања и разумевања. Означава одређену позицију унутар табеле у којој се налази унос.
Врсте ћелија-табела
Табела у ХТМЛ-у углавном има две врсте ћелија. Су ' Ћелије заглавља ' и ' Ћелије са подацима ”. Више детаља о њиховим разликама и сличностима дато је у наставку.
Ћелије заглавља
Ћелије заглавља су представљене „ <тх> ” ознака у ХТМЛ Таилвинд ЦСС. Они чине наслове колона у табели. Заглавља дефинишу које ће све вредности у одређеној колони бити. Примери заглавља су име, адреса е-поште, контакт број, број социјалног осигурања итд.
Ћелија заглавља табеле биће на врху колоне, а уноси испод ће бити ћелије са подацима. Ове ћелије такође имају специфично форматирање које их издваја од ћелија са подацима које следе у наставку. Ћелије заглавља су одређене тако да имају већу величину фонта и подебљана слова за додавање значења садржају у ћелијама са подацима.
Пример
У коду испод, направили смо ћелију заглавља табеле преко ознаке „<тх>”:
< сто >
< тхеад >
< тр >
< тх > Ћелија заглавља 01 < / тх >
< / тр >
< / тхеад >
< / сто >
У овом блоку кода:
- Направите табелу преко ознаке „<табле>”.
- Сада користите ознаку “<тх>” да бисте креирали ћелију заглавља табеле.
- Затим дефинишите унос ћелије „ Ћелија заглавља 01 ” користећи ознаку “<тх>” унутар ознаке “<тр>”.
- На крају, затворите ознаке „”, „” и „” да бисте довршили ћелију табеле.
Излаз
Као што се види, ћелија заглавља је подразумевано приказана подебљано.
Ћелије са подацима
Ћелије са подацима су представљене „ <тд> ” ознака у ХТМЛ Таилвинд ЦСС. Ове ћелије садрже све информације унутар табеле. Оне су наведене испод ћелија заглавља и садрже податке за све уносе за одређено заглавље. На пример, ако је ћелија заглавља насловљена „Име“, ћелије са подацима испод ње ће садржати имена свих запослених за које се подаци евидентирају.
Ћелије са подацима такође имају посебно форматирање. Оне имају мању величину фонта од ћелија заглавља и садрже обичан текст или бројеве, према захтевима. Тако је да ће ћелије са подацима испод ћелије заглавља „Име“ имати имена дотичних појединаца, на пример Џон, Дејвид, Мајкл и Џејмс.
Пример
Код за креирање ћелије података табеле користећи „
< стил >
сто {
граница-колапс: колапс;
}
тд {
граница : 1пк пуна црна;
паддинг: 10пк;
}
< / стил >
< / глава >
< тело >
< сто >
< тр >
< тд >Табела-Ћелија< / тд >
< / тр >
< / сто >
Следећи кораци објашњавају код за креирање ћелије са подацима табеле:
- Ознака “<стиле>” у ознаци “<хеад>” заглавља одређује ивицу ћелије табеле од 1 пиксела.
- Затим дефинишите ознаку “<боди>”.
- Унутар ознаке „<боди>” креирајте табелу преко ознаке „<табле>”.
- Затим дефинишите унос ћелије „ Табле-Целл ” користећи ознаку “<тд>” унутар ознаке “<тр>”.
- На крају, затворите ознаке „”, „” и „” да бисте довршили ћелију табеле.
Излаз
У овом излазу, ћелија табеле са наведеном поруком је приказана у ДОМ-у на одговарајући начин.
Закључак
Ћелија табеле у Таилвинд-у се користи за чување информација које одговарају одређеном делу података испод одређеног заглавља. Заглавље и ћелија са подацима заједно показују шта значи појединачна вредност унутар ћелије. Сходно томе, ћелија табеле омогућава програмеру да представи велике количине података са значајном лакоћом разумевања.