Sábado, 12 de Noviembre 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 > Tamaño relativo


Igual que ocurria con las imágenes, también con las tablas podemos utilizar porcentajes para definir el tamaño.

Por tanto, si queremos que nuestra tabla ocupe por lo menos la mitad del ancho y del alto del area visible de la pantalla, y se adapte aun si variamos el tamaño de la ventana, deberemos escribir...

<TABLE BORDER=1 WIDTH=50% HEIGHT=50% BORDER=1>

Si en lugar de esto queremos que la tabla ocupe toda el area visible, y que en el centro nos ponga una imagen, deberemos poner...

<TABLE BORDER=1 WIDTH=100%   HEIGHT=100%>
   <TR>
      <TD>
         <div align="center"><IMG SRC="img/fotodemo-smiley.gif"></div>
      </TD>
   </TR>
</TABLE>


Y con este ejemplo, sea el que sea el tamaño de la ventana, aunque el usuario que la visite cambie este tamaño, conseguiremos que la imagen siempre esté centrada en la ventana