Introducción a las Tablas

TABLA 1 

 

Las Tablas son utilizadas para poder representar los elementos de Nuestras Animaciones
de una forma ordenada con una Presentación basada en ...

 Filas y Columnas o Marcos

Las Balizas de Principio y Fin de una Tabla son ...

<TABLE>  y  </TABLE>


Las Tablas se definen Fila a Fila y Celda a Celda
 comenzando desde
 la Celda Superior Izquierda y las Columnas ...
 
Se calcularán de forma automática según el número de Celdas
que exista por cada Fila definida

 

Las Filas se indicarán mediante las etiquetas ... 

<TR> y <TR>

  Para indicar donde comienza cada celda las etiquetas a utilizar son ... 

<TH> y <TD>

 Con sus correspondientes etiquetas de cierre  " / "

 La etiqueta   <TH>   se utiliza para usar Celdas cuyo destino sea el encabezado de una Tabla o de una Columna
aparecerán en Negrita y en el centro de dicha Celda ...

Para el resto de Celdas utilizaremos la etiqueta  <TD>  que nos mostrará el texto de forma simple y situado a la izquierda de la celda

 

Lo que veremos a continuación es el Código del ejemplo de Nuestra Tabla 1
El cual copiamos y pegamos en un Nuevo Mensaje 

Como ya sabemos así se nos presentará el Código fuente ...

 

 

Podemos Seleccionar para pegar nuestro Código desde

<DIV>&nbsp;</DIV></BODY></HTML>

 

 

Como también dando un enter en <DIV>&nbsp;</DIV> y hacerlo desde

</BODY></HTML>

 

 

Por ahora lo importante es tomar en cuenta los elementos de la Tabla antes vistos que  son  ...

   <TABLE>  y  </TABLE>

 <TR> y <TR>

 <TH> y <TD>

Sin temor copiaremos el siguiente Código y lo pegaremos en un Nuevo Mensaje dentro de Código fuente ...

 

<TABLE align=center>
  <TBODY>
  <TR>
    <TH>Cabecera 1</TH>
    <TH>Cabecera 2</TH>
    <TH>Cabecera 3</TH></TR>
  <TR>
    <TD>Celda 1-1</TD>
    <TD>Celda 1-2</TD>
    <TD>Celda 1-3</TD></TR>
  <TR>
    <TD>Celda 2-1</TD>
    <TD>Celda 2-2</TD>
    <TD>Celda 2-3</TD></TR></TBODY></TABLE></DIV></BODY></HTML>


 

Así nos quedará Nuestra Primera Tabla ...

Presentar sólo la Tabla

 

Tabla 1
 
Cabecera 1 Cabecera 2 Cabecera 3
Celda 1-1 Celda 1-2 Celda 1-3
Celda 2-1 Celda 2-2 Celda 2-3
 

 
 


 
  

 

 

Suerte  ...  !

 
 
 

 

 

 

 

 

 

Diseño de Imágen

Tutorial: Oceánica de Carolina & Cameron Tag's
Tut ...

Realizado Por ... Nena

 

 

Volver