TABLAS HTML5

TABLAS

Las tablas se crean con la etiqueta <table/>, se dividen en filas <tr/> y cada una de estas filas esta compuestas por celdas <td/> Ejemplo:

  


    
celda1
    
celda 2
  

    
celda3
    
celda4/td>
  

    
celda5
    
celda6
  

celda1	celda 2
celda3	celda4/td>
celda5	celda6

Podemos variar la característica de la tabla agregándole borde, centrándola, dándole un tamaño. veamos con el siguiente ejemplo:

  


    
celda1
    
celda 2
  

    
celda3
    
celda4

celda1	celda 2
celda3	celda4

Existen otras etiquetas para las tablas como agregarle un titulo, un encabezado:

  
Meses del año
  


    
mes
    
numero
  

    
enero
    
1
  

Meses del año

mes	numero
enero	1

Se pueden agregar head, body y food como en el ejemplo siguiente:

  


      
Año
      
Mes
    

  


      
pie
      
pie
    

  


      
contenio1
      
contenido2
    

      
contenido2
      
contenido2
    

Año	Mes
pie	pie
contenio1	contenido2
contenido2	contenido2

La razon por la que el tfood este primero que el tbody es por que el contenido del body aveces es mas grande que el pie de la tabla. Esta ultima forma de hacerlo es mas frecuente cuando quiere agregarle colores con las hojas de estilo.
Aqui un video demostrativo Tablas html Espero y les haiga gustado nos vemos en otro post. compartan y comenten cualquier duda.