Jueves, 21 de Diciembre de 2024

Introducción
Herramientas
Tags (órdenes)
Estructura básica

Texto
Texto simple
Formato
Tamaño
Color
Alineación

Imagen y Enlace
Inserción de imágenes
Inserción de enlaces

Tablas
Estructura
Contorno y márgen
Color
Combinar celdas
Ajuste de tamaño
Tamaño relativo
Alineación

Formularios
Utilidad
campo de texto
Área de texto
Menú desplegable
Casilla verificación


HTML > Tablas > Ajuste de tamaño


Si queremos controlar el tamaño de una tabla, podemos hacerlos aproximadamente igual que con las imágenes.

Para controlar el tamaño de la tabla en conjunto, debemos añadir los parámetros HEIGHT y WIDTH al comando TABLE, peroa diferencia que ocurría con las imágenes, los valores que asignemos a cada uno de los parámetros no serán literalmente el ancho y el alto de la tabla, sino que serán el alto y el ancho mínimos. Y si lo que intentamos introducir dentro de la tabla fuese demasiado grande para caber dentro del tamaño asignado, la tabla se adaptaría hasta hacer caber toda la información.

Así si queremos crear una tabla con el contorno visible, que su anchura mínima sea de 123 pixels y la altura de 55, deberemos comenzar la tabla poniendo...

<TABLE BORDER=1 WIDTH=123 HEIGHT=55>

Dentro de esta misma tabla, podemos decir que la primera celda (y por tanto toda la primera columna) tenga un tamaño de 10 pixels, y sin añadir nada más, la segunda se agrandará hasta ocupar el resto del ancho de la tabla.

<TABLE BORDER=1 WIDTH=123 HEIGHT=55>
   <TR>
      <TD WIDTH=10>
         A
      </TD>
      <TD>
         B
      </TD>
   </TR>
   <TR>
      <TD>
         C
      </TD>
      <TD>
         D
      </TD>
   </TR>
</TABLE>


Ahora bien, en la segunda fila, a la primera celda, también le daremos un tamaño, pero en este caso será de 40 pixels. Esta celda, indirectamente está estableciendo que la primera columna deberá tener un ancho de 40 pixels, por lo que la primera celda de la primera línea pasará de sus 10 pixels (que habíamos comentado que era un mínimo) a estos 40.

<TABLE BORDER=1 WIDTH=123 HEIGHT=55>
   <TR>
      <TD WIDTH=10>
         A
      </TD>
      <TD>
         B
      </TD>
   </TR>
   <TR>
      <TD WIDTH=40>
         C
      </TD>
      <TD>
         D
      </TD>
   </TR>
</TABLE>