Propòsit de Taula-Cèl·lula
Una cel·la de taula és una entrada individual dins d'una taula que està formada per un nombre d'altres cel·les igual que ella. L'objectiu principal d'una cel·la de taula és registrar dades de manera ordenada per facilitar la comprensió i la comprensió. Significa una posició determinada dins d'una taula en la qual hi ha una entrada.
Tipus de Taules-Cèl·lules
Una taula en HTML té principalment dos tipus de cel·les. Aquests són ' Cèl·lules de capçalera ' i ' Cèl·lules de dades ”. A continuació es donen més detalls sobre les seves diferències i similituds.
Cèl·lules de capçalera
Les cel·les de capçalera es representen amb el ' La cel·la de capçalera d'una taula estarà a la part superior de la columna i les entrades de sota seran les cel·les de dades. Aquestes cel·les també tenen un format específic per diferenciar-les de les cel·les de dades que segueixen a continuació. Les cel·les de capçalera s'especifiquen per tenir una mida de lletra més gran i lletres en negreta per afegir significat al contingut de les cel·les de dades. Exemple En aquest bloc de codi: Sortida Com es veu, la cel·la de la capçalera es mostra en negreta per defecte. Les cel·les de dades es representen amb el ' Les cel·les de dades també tenen un format particular. Aquestes tenen una mida de lletra més petita que les cel·les de la capçalera i contenen text sense format o números, segons els requisits. És tal que les cel·les de dades sota la cel·la de capçalera 'Nom' tindran els noms de les persones interessades, per exemple, John, David, Michael i James. Exemple Els passos següents expliquen el codi per crear una cel·la de dades de taula: Sortida En aquesta sortida, la cel·la de la taula amb el missatge especificat es mostra al DOM de manera adequada. Una cel·la de taula a Tailwind s'utilitza per emmagatzemar informació que correspon a una determinada peça de dades sota una capçalera concreta. La capçalera i la cel·la de dades mostren conjuntament el que significa el valor individual d'una cel·la. En conseqüència, una cel·la de taula permet a un desenvolupador representar grans quantitats de dades amb una gran facilitat de comprensió. ” en HTML Tailwind CSS. Aquests conformen els títols de les columnes d'una taula. Les capçaleres defineixen quins seran tots els valors de la columna concreta. Alguns exemples de capçaleres són el nom, l'adreça electrònica, el número de contacte, el número de la Seguretat Social, etc.
Al codi següent, hem creat una cel·la de capçalera de taula mitjançant l'etiqueta '':
< taula >
< el cap >
< tr >
< th > Cel·la de capçalera 01 < / th >
< / tr >
< / el cap >
< / taula >
' per crear una cel·la de capçalera de taula.
” dins de l'etiqueta “ ”.
”, “” i “”, respectivament per completar la cel·la de la taula.
Cèl·lules de dades
” en HTML Tailwind CSS. Aquestes cel·les contenen tota la informació dins d'una taula. Aquestes es mostren a sota de les cel·les de la capçalera i contenen dades de totes les entrades d'una capçalera concreta. Per exemple, si la cel·la de la capçalera es titula 'Nom', les cel·les de dades que hi ha a sota contindran els noms de tot el personal del qual s'enregistren les dades.
El codi per crear una cel·la de dades de la taula utilitzant el ' ” l'etiqueta es mostra a continuació:
< cap >
< estil >
taula {
border-collapse: col·lapse;
}
td {
frontera : 1 px negre sòlid;
farciment: 10px;
}
< / estil >
< / cap >
< cos >
< taula >
< tr >
< td >Taula-Cèl·lula< / td >
< / tr >
< / taula >
” dins de l'etiqueta “ ”.
”, “” i “” per completar la cel·la de la taula.
Conclusió