Ce este un grup de antet de masă?
În CSS, „ Grup de antet tabel ” este folosit pentru a afișa antetul tabelului prin intermediul „
Exemplu
Antetul unui tabel are o formatare diferită de restul intrărilor din tabel pentru a-l deosebi vizual. Acestea sunt de obicei reprezentate prin dimensiunea fontului aldine sau textul la scară superioară. Când listăm nume de „Bărbați” și „Femei”, le putem atribui ca Antete pe un rând separat, așa cum se arată în exemplul de mai jos:
< masa >
< thead >
< tr >
< th > Bărbați < / th >
< th > femei < / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > James < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Iacov < / td >
< td > Rebecca < / td >
< / tr >
< / tbody >
< / masa >
Următorii pași explică cum se creează un antet de tabel:
- Adaugă '
” pentru a crea un tabel. - În pasul următor, specificați „
” etichetă care se referă la antetul tabelului. - Adăugați valorile antetului ca rând prin intermediul etichetei „
” și închideți antetul prin eticheta „”. - Acum, includeți „ ” pentru a începe corpul mesei.
- Introduceți datele pentru fiecare dintre rânduri folosind eticheta „
' și ' ” etichete, respectiv.”. - Încheiați corpul tabelului și tabelul prin intermediul „
Ieșire
Ce este un grup de subsol de masă?
„ Grupul de subsol de masă ” este folosit pentru a afișa subsolul unui tabel în CSS cu ajutorul „ ' etichetă. Subsolul oferă, de asemenea, informații despre conținutul tabelului care pot ajuta cititorul să înțeleagă mai clar datele. Folosind același exemplu din partea anterioară, adăugați subsolul care oferă numărul total de intrări în fiecare coloană pentru „Bărbați” și „Femei” din tabel.
Exemplu
< masa >
Prezentare generală a următorului exemplu care explică conceptul discutat:
< thead >
< tr >
< th >Bărbați< / th >
< th >Femei< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >David< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jacob< / td >
< td >Rebecca< / td >
< / tr >
< / tbody >
< tfoot >
< tr >
< td clasă = „bg-gray-200” >Total 03< / td >
< td clasă = „bg-gray-200” >Total 03< / td >
< / tr >
< / tfoot >
< / masa >Următorii pași explică pașii pentru a crea un subsol de tabel:
- Similar cu exemplul anterior, adăugați „
” etichetă pentru a crea/include un tabel. - Includeți „
” pentru a specifica antetul tabelului. - Acum, în mod similar, adăugați titlurile antetului ca un rând și închideți antetul prin butonul „ ' etichetă.
- Amintiți-vă abordările discutate pentru specificarea corpului tabelului și includerea datelor în acesta.
- Acum, adăugați „ ” pentru a începe subsolul tabelului.
- Adăugați datele pentru subsolul tabelului ca un rând și închideți subsolul folosind butonul „
' etichetă. - În sfârșit, încheiați tabelul folosind „ ' etichetă.
Ieșire
Codul scris mai sus generează următorul rezultat:Concluzie
Antetul și subsolul dintr-un tabel în CSS ajută la adăugarea mai multor informații în partea de sus și respectiv de jos a unui tabel. Aceste informații ajută la determinarea despre ce este vorba în tabel și oferă mai multe detalii conținute în valorile introduse în tabel. Împreună, acești doi încadrează perfect datele încapsulate în tabel.
- Acum, includeți „ ” pentru a începe corpul mesei.