Како користити натпис табеле у Таилвинд-у

Kako Koristiti Natpis Tabele U Tailvind U



А “ Табле Цаптион ” се користи за давање наслова или имена одређеној табели. Овај натпис олакшава кориснику да се врати на циљну табелу када рукује великим количинама података садржаних у бројним табелама. Наслови су кратки наслови који показују шта значе и на шта се односе подаци садржани у табели. Наслов се може поставити на врх табеле или испод у складу са темом обликовања корисника.

Која је важност натписа табеле?

„Наслови табела“ се користе за давање наслова табелама тако да корисник може да дефинише шта свака табела значи и како да користи податке садржане у њој. Наслови такође могу помоћи у нумерисању табела на веб страници како би подаци у њима били доступнији.

Наслови дају тачан контекст свакој табели у документу или веб страници где постоји велики број табела. Штавише, структурирани натписи осигуравају да читаоци брзо разумеју који подаци се налазе у свакој табели.







Како користити натпис табеле у Таилвинд ЦСС-у?

У Таилвинд ЦСС-у, наслов се додаје у табелу помоћу „ <цаптион> ” ознака. Овај наслов наводи наслов и више информација о подацима у табели.



Пример: Додавање натписа табеле и на врх и на дно табеле
У следећем коду ћемо додати „наслов“ и на врх и на дно табеле на следећи начин:



< сто >
< сто класа = 'мин-в-пуна граница граница-сива-300 подела-и подела-сива-300' >
< тхеад >
< тр >
< тх класа = 'пи-2 пк-4 бг-граи-100 бордер-б' >
Име
< / тх >
< тх класа = 'пи-2 пк-4 бг-граи-100 бордер-б' >
Емаил
< / тх >
< тх класа = 'пи-2 пк-4 бг-граи-100 бордер-б' >
ИД
< / тх >
< тх класа = 'пи-2 пк-4 бг-граи-100 бордер-б' >
Контакт
< / тх >
< / тр >
< / тхеад >
< тбоди >
< тр >
< тд класа = 'пи-2 пк-4 бордер-б' > Џејмс < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > јамес@тсл.цом < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > 61101-1234567-8 < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > 123-456-7890 < / тд >
< / тр >
< тр >
< тд класа = 'пи-2 пк-4 бордер-б' > Мицхаел < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > мицхаел@тсл.цом < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > 61101-8765432-1 < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > 098-765-4321 < / тд >
< / тр >
< тр >
< тд класа = 'пи-2 пк-4 бордер-б' > Давиде < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > Давид@ТСЛ.цом < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > 54791-1234567-8 < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > 123-786-4290 < / тд >
< / тр >
< тр >
< тд класа = 'пи-2 пк-4 бордер-б' > Петер < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > петер@тсл.цом < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > 54300-1234567-8 < / тд >
< тд класа = 'пи-2 пк-4 бордер-б' > 611-239-7890 < / тд >
< / тр >
< / тбоди >
< Наслов >
Лични подаци о запосленима
< / Наслов >
< / сто >
< Наслов >
Име компаније
< / Наслов >

Пратите ове кораке у горњем коду:





  • Направите табелу користећи „ <табле> ” ознака.
  • Одредите форматирање табеле преко услужне класе.
  • Дефинишите заглавља табеле за „Име“, „Емаил“, „ИД“ и „Цонтацт“ преко „ <тхеад> ” ознака.
  • Дефинишите податке за сва 4 особља у табели користећи „ <тбоди> ” и „ <тд> ' ознаке.
  • Затим наведите наслов табеле користећи „ <цаптион> ” означите и затворите табелу.
  • На крају, додајемо још једну ознаку „<цаптион>“ на крају да бисмо применили наслов табеле на дну табеле.
  • Белешка : Такав је да је наслов табеле на врху табеле наведен у оквиру ознаке „<табле>“, док доњи наслов треба да буде наведен после завршне ознаке табеле.

Излаз

Закључак

Наслови табела су од виталног значаја за давање више информација о табелама и подацима садржаним у њима. Самим тим, приступачност табела је вишеструко повећана и за кориснике и за читаоце. Наслов пружа додатни део информација у вези са табелом на сажет начин који се такође може видети у онлајн опису.