Účel Table-Cell
Bunka tabuľky je individuálna položka v tabuľke, ktorá sa skladá z niekoľkých ďalších buniek, ako je ona sama. Hlavným účelom bunky tabuľky je zaznamenávať údaje usporiadaným spôsobom pre ľahšie pochopenie a pochopenie. Označuje konkrétnu pozíciu v tabuľke, v ktorej je obsiahnutý záznam.
Typy buniek tabuľky
Tabuľka v HTML má hlavne dva typy buniek. Toto sú „ Bunky hlavičky “ a „ Dátové bunky “. Ďalšie podrobnosti o ich rozdieloch a podobnostiach sú uvedené nižšie.
Bunky hlavičky
Bunky hlavičky sú reprezentované znakom „ Bunka hlavičky tabuľky bude v hornej časti stĺpca a položky pod ňou budú dátové bunky. Tieto bunky majú tiež špecifické formátovanie, ktoré ich odlišuje od údajových buniek, ktoré nasledujú nižšie. Bunky hlavičky sú špecifikované tak, aby mali väčšiu veľkosť písma a tučné písmená na pridanie významu obsahu v dátových bunkách. Príklad V tomto bloku kódu: Výkon Ako vidíte, bunka hlavičky je predvolene zobrazená tučným písmom. Dátové bunky sú reprezentované „ Dátové bunky majú tiež špeciálne formátovanie. Tieto majú menšiu veľkosť písma ako bunky hlavičky a obsahujú obyčajný text alebo čísla podľa požiadaviek. Je to také, že dátové bunky pod bunkou hlavičky „Name“ budú mať mená dotknutých osôb, napríklad John, David, Michael a James. Príklad Nasledujúce kroky vysvetľujú kód na vytvorenie dátovej bunky tabuľky: ” v HTML Tailwind CSS. Tieto tvoria nadpisy stĺpcov v tabuľke. Hlavičky definujú, aké budú všetky hodnoty v konkrétnom stĺpci. Príkladmi hlavičiek sú meno, e-mailová adresa, kontaktné číslo, rodné číslo atď.
V nižšie uvedenom kóde sme vytvorili bunku hlavičky tabuľky prostredníctvom značky „“:
< tabuľky >
< hlava >
< tr >
< th > Bunka hlavičky 01 < / th >
< / tr >
< / hlava >
< / tabuľky >
“.
“, aby ste dokončili bunku tabuľky.“ na vytvorenie bunky hlavičky tabuľky.
“ v rámci značky „ “.
“, „“ a „
Dátové bunky
” v HTML Tailwind CSS. Tieto bunky obsahujú všetky informácie v tabuľke. Tieto sú uvedené pod bunkami hlavičky a obsahujú údaje pre všetky položky pre konkrétnu hlavičku. Napríklad, ak je bunka hlavičky nazvaná „Názov“, dátové bunky pod ňou budú obsahovať mená všetkých zamestnancov, pre ktorých sú údaje zaznamenané.
Kód na vytvorenie dátovej bunky tabuľky pomocou „ 'značka je uvedená nižšie:
< hlavu >
< štýl >
tabuľky {
border-collapse: kolaps;
}
td {
hranica : 1px plná čierna;
výplň: 10px;
}
< / štýl >
< / hlavu >
< telo >
< tabuľky >
< tr >
< td >Tabuľka-bunka< / td >
< / tr >
< / tabuľky >