tablas

31 DE ENERO DEL 2019

Tablas
Programación en HTML 4
Objetivo: Apreciar, valora y emplear, la generación de una tabla pera ordenar información dentro de un
documento HTML.

Situación didáctica:
Mediante el empleo de etiquetas HTML deben crear una tabla con la finalidad de organizar información dentro
de sus celdas.
Secuencia didáctica: Los alumnos, con ayuda de las computadoras y empleando la aplicación Cubic Factory
toman como referencia lo que se escribe en el pizarrón para crear una tabla de 3 columnas por dos renglones
para acomodar en cada celda su nombre, apellido paterno, materno, grado, grupo, color favorito y comida
preferida.
Técnica: Conversación, uso de pizarrón (práctica) y uso de computadoras (apuntes digitales).
Desarrollo
Es importante hacer notar, que la información puede crecer y para entenderla, hay que acomodarla de tal forma
que permita poder recuperarla con facilidad. Una tabla no es otra cosa más que un medio de organizar datos
en filas y columnas. Este concepto ha sido adoptado por HTML, como una forma de transmitir información que,
de otro modo, no sería comprendida tan fácilmente. Esto no deja de lado a los documentos HTML que son
susceptibles de ser acomodados en una tabla la cual, de forma resumida, puede ser considerada, como un
grupo de filas donde cada una contiene a un grupo de celdas. (Similares a Excel). Las tablas son construidas
utilizando etiquetas HTML usando tres elementos, table (quien será el elemento principal), tr (serán los
renglones) y td (las columnas a las celdas) y su respectiva etiqueta que cierra </table>
El ejemplo a usar:
<table>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>

Cierre: Revisamos la forma en la que se va creando la tabla y rellenamos con la información
requerida.
Evaluación: Se realiza cuando el alumno logra terminar la práctica completa generando la captura
de pantalla y colocada en su libreta digital.