Tot el que heu de saber sobre les taules HTML



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:

Què és una taula HTML?

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.





com trobar tipus de dades a Python

HTML5
Per definir una taula HTML, fem servir

etiqueta. Dins
etiqueta, primer definiu les files de la taula amb etiqueta. A continuació, definiu les capçaleres de la taula a les etiquetes contenen el cos de la taula.

com s'utilitza tableau public
Taula HTML amb capçalera, peu de pàgina i cos
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 fila d’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.

     
    : S'utilitza per definir una cel·la de capçalera en 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
  • 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.

    ng-change vs onchange
    Colspan i Rowspan
    Lot Nom Edat
    Ciències de la Computació Abhishek 15
    Bob 23
    Trencar

    • Alçada i amplada de la taula

    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.

Capçalera de la taula
Peu de pàgina de la taula
Nom Edat Marques

  • Fons de la taula i subtítols

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 HTMLTí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 el per 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.