Aquest article us proporcionarà un coneixement detallat i complet de les taules HTML. Les diverses etiquetes i format que es poden fer.
Des dels inicis tecnològics, una taula és una forma habitual d’emmagatzemar i visualitzar dades. S'utilitza en gairebé tots els camps per presentar informació de text i dades numèriques en què podeu comparar fàcilment dos o més elements. En aquest article en parlaré Taules de l'ordre següent:
En paraules simples, una taula és un recull de dades relacionades que consisteix en files i columnes. Ara bé, ja que sabem, HTML és un llenguatge de marques estàndard per crear pàgines web i mostrar-lo en un navegador web. Per tant, crear i treballar amb taules es converteix en una sub-habilitat important per dominar HTML. En aquest bloc, aprendrem a treballar amb taules en HTML.
etiqueta, primer definiu les files de la taula amb
etiqueta. A continuació, definiu les capçaleres de la taula a
etiqueta. Les dades o cel·les de la taula es defineixen mitjançant
etiqueta.
Etiquetes de taules HTML
Vegem primer la llista d’etiquetes HTML que s’utilitzen per crear taules. Més endavant, en aquest bloc, aprendrem a utilitzar-los amb ajuda d’exemples.
: S’utilitza per definir una taula
: S'utilitza per definir una cel·la de capçalera en una taula
: S’utilitza per definir una fila d’una taula
: S’utilitza per definir una cel·la d’una taula
:S’utilitza per definir el títol d’una taula
:S'utilitza per especificar un grup d'una o més columnes d'una taula per al format
: S'utilitza per especificar les propietats de les columnes per a cada columna d'un element
:S'utilitza per agrupar el contingut de la capçalera en una taula
: S’utilitza per agrupar el contingut del cos en una taula
: S’utilitza per agrupar el contingut del peu de pàgina en una taula
Vegem ara el codi HTML de mostra per crear una taula.
Nom
Edat
Abhishek
18
Bob
23
Sortida:
Variacions de la taula HTML
Atributs d'empaquetament cel·lular i espaiat cel·lular
Hi ha dos atributs anomenats cellpadding i cellpacing que podeu utilitzar per ajustar l'espai en blanc de les cel·les de la taula. L'atribut espai de cel·les defineix l'espai entre les cel·les de la taula, mentre que l'empaquetament de cel·les representa la distància entre els límits de la cel·la i el contingut d'una cel·la.
Espai cel·lular i encoixinat cel·lular
Nom
Edat
Abhishek
15
Bob
23
Atributs de Colspan i Rowspan
L'atribut Colspan s'utilitza per combinar dues o més columnes, mentre que les extensions de files s'utilitzen per combinar dues o més files.
HTML us proporciona la palanca per ajustar l'alçada i l'amplada de la taula. L'atribut d'amplada i atribut d'alçada s'utilitza per establir l'amplada i l'alçada de la taula respectivament. Podeu especificar-lo en termes de percentatge d'àrea disponible a la pantalla o en termes de píxels.
Amplada i alçada de la taula HTML
Abhishek
15
Bob
23
Capçalera, cos i peu de pàgina de la taula
Una taula es pot dividir en tres seccions, és a dir, una capçalera, un cos i un peu de pàgina. Capçalera i peu de pàgina són similars a les capçaleres i peus de pàgina d’un document de Word que continua sent comú per a cada pàgina, mentre que el cos conté el contingut principal.
l’etiqueta crea capçalera de taula independent, en quèeastag crea un peu de taula de taula separat. les etiquetes contenen el cos de la taula.
També podeu establir un fons de taula. Bgcolor attribute estableix el color de fons per a tota la taula i per a una cel·la, mentre que l'atribut de fons estableix una imatge de fons per a tota la taula i només per a una cel·la.
L'etiqueta de subtítols serveix com a títol o explicació de la taula que es mostra a la part superior de la taula.
Fons de la taula HTML
Títol de taula
Columna 1
Columna 2
Columna 3
Fila 1 Cel·la 1
Fila 1 Cèl·lula 2
Fila 1 Cel·la 3
Fila 2 Cèl·lula 2
Fila 2 Cel·la 3
Fila 3 Cel·la 1
Amb això arribem al final d’aquest article. Ara, després d’executar els fragments anteriors, hauríeu entès com crear taules en HTML. Espero que aquest bloc us sigui informatiu i de valor afegit.
Consulteu elper Edureka, una empresa d'aprenentatge en línia de confiança amb una xarxa de més de 250.000 estudiants satisfets repartits per tot el món.La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).
Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris d’aquest article i us respondrem.