Solías envolver todo en
antes de ![]()
img src.
La alineación vertical fue donde las cosas se complicaron. Tenías tres opciones sobre cómo se ubicaba el texto en relación con el gráfico.
Opciones de alineación vertical
¿El comportamiento predeterminado? Imagen de la izquierda. Texto a la derecha. Si querías cambiar eso, tenías que usar el truco
nuevamente. Pero para la relación texto-imagen en sí, escogiste uno de estos tres valores:
- align=”bottom” : el texto se alinea con el borde inferior de la imagen.
- align=”top” : el texto se alinea con el borde superior.
- align=”middle” : el texto se ubica junto al centro vertical de la imagen.
Cada ejemplo se veía así:
Era un código feo. Pero funcionó.
Creación de GIF animados
Las imágenes estáticas son aburridas. Querías movimiento. Destello. Vida.
La herramienta para esa época fue The GIF Construction Set. No codificaste la animación. Tú lo construiste. Creaste marcos individuales. Los secuenciaron. Luego los enrolló en un único archivo .gif.
Una imagen. Muchos fotogramas. No se requiere reproductor de vídeo.
Ese fue el truco. Podrías crear un logotipo giratorio o un titular que rebote sin un complemento del navegador. Solo un archivo de imagen que el navegador interpretó como movimiento.
No fue elegante. Los archivos eran enormes. Los colores estaban limitados a 256. Pero funcionó.
Ya no hacemos esto. Las animaciones CSS lo reemplazaron. JavaScript se hizo cargo del trabajo pesado. Pero si mantiene código heredado de finales de los 90, aún necesita saber cómo align="middle" afecta realmente la altura de la línea. Y por qué tu GIF animado tarda tres segundos en cargarse en 3G.
Las viejas etiquetas han desaparecido. La lógica permanece.
