Programación en HTML4

Programación en HTML4 

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>

NOTAS:

<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>