Scopul Table-Cell
O celulă de tabel este o intrare individuală într-un tabel care este alcătuită dintr-un număr de alte celule la fel ca ea. Scopul principal al unei celule de tabel este de a înregistra datele într-o manieră ordonată pentru o înțelegere și o înțelegere mai ușoară. Semnifică o anumită poziție într-un tabel în care este conținută o intrare.
Tipuri de tabel-celule
Un tabel în HTML are în principal două tipuri de celule. Acestea sunt ' Celule antet ' și ' Celulele de date ”. Mai multe detalii despre diferențele și asemănările lor sunt oferite mai jos.
Celule antet
Celulele de antet sunt reprezentate de „ Celula antet a unui tabel va fi în partea de sus a coloanei, iar intrările de mai jos vor fi celulele de date. Aceste celule au, de asemenea, o formatare specifică pentru a le diferenția de celulele de date care urmează mai jos. Celulele de antet sunt specificate pentru a avea o dimensiune mai mare a fontului și litere aldine pentru a adăuga sens conținutului din celulele de date. Exemplu În acest bloc de cod: Ieșire După cum se vede, celula antet este afișată implicit cu caractere aldine. Celulele de date sunt reprezentate de „ Celulele de date au, de asemenea, o formatare specială. Acestea au o dimensiune mai mică a fontului decât celulele antetului și conțin text simplu sau numere, conform cerințelor. Este astfel încât celulele de date de sub celula antet „Nume” vor avea numele persoanelor în cauză, de exemplu John, David, Michael și James. Exemplu Următorii pași explică codul pentru a crea o celulă de date Tabel: Ieșire În această ieșire, celula tabelului cu mesajul specificat este afișată în mod corespunzător pe DOM. O celulă de tabel în Tailwind este folosită pentru a stoca informații care corespund unei anumite date de sub un anumit antet. Antetul și celula de date arată împreună ce înseamnă valoarea individuală dintr-o celulă. În consecință, o celulă de tabel permite unui dezvoltator să reprezinte cantități mari de date cu o ușurință semnificativă de înțelegere. ” etichetă în HTML Tailwind CSS. Acestea alcătuiesc titlurile coloanelor dintr-un tabel. Anteturile definesc care vor fi toate valorile din coloana particulară. Exemple de anteturi sunt Numele, Adresa de e-mail, Numărul de contact, Numărul de securitate socială etc.
În codul de mai jos, am creat o celulă antet de tabel prin intermediul etichetei „”:
< masa >
< thead >
< tr >
< th > Celula antet 01 < / th >
< / tr >
< / thead >
< / masa >
”.
”, pentru a completa celula tabelului.” pentru a crea o celulă de antet de tabel.
” din eticheta „ ”.
”, „” și respectiv „
Celulele de date
” etichetă în HTML Tailwind CSS. Aceste celule dețin toate informațiile dintr-un tabel. Acestea sunt listate sub celulele antetului și conțin date pentru toate intrările pentru un anumit antet. De exemplu, dacă celula antet este intitulată „Nume”, celulele de date de sub aceasta vor conține numele întregului personal pentru care sunt înregistrate datele.
Codul pentru a crea o celulă de date de tabel utilizând „ „eticheta este dată mai jos:
< cap >
< stil >
masa {
border-colaps: colaps;
}
td {
frontieră : 1px negru solid;
umplutură: 10px;
}
< / stil >
< / cap >
< corp >
< masa >
< tr >
< td >Tabel-Celula< / td >
< / tr >
< / masa >
”.
” și „” pentru a completa celula tabelului.” din eticheta „ ”.
”, „
Concluzie