Você costumava agrupar tudo em
antes de ![]()
e fechava-a depois. Simples. Se você quiser que o texto envolva a imagem, coloque o atributo de alinhamento dentro da própria tag img src.
O alinhamento vertical foi onde as coisas ficaram complicadas. Você tinha três opções de como o texto se posicionava em relação ao gráfico.
Opções de alinhamento vertical
O comportamento padrão? Imagem à esquerda. Texto à direita. Se você quisesse inverter isso, teria que usar o truque
novamente. Mas para o relacionamento texto-imagem em si, você escolheu um destes três valores:
- align=”bottom” : O texto se alinha com a borda inferior da imagem.
- align=”top” : O texto se alinha com a borda superior.
- align=”middle” : o texto fica ao lado do centro vertical da imagem.
Cada exemplo ficou assim:

Era um código feio. Mas funcionou.
Criando GIFs animados
Imagens estáticas são chatas. Você queria movimento. Clarão. Vida.
A ferramenta daquela época era O conjunto de construção GIF. Você não codificou a animação. Você construiu isso. Você criou quadros individuais. Sequenciei-os. Em seguida, agrupe-os em um único arquivo .gif.
Uma imagem. Muitos quadros. Não é necessário reprodutor de vídeo.
Esse foi o truque. Você pode criar um logotipo giratório ou um título saltitante sem um plug-in de navegador. Apenas um único arquivo de imagem que o navegador interpretou como movimento.
Não foi elegante. Os arquivos eram enormes. As cores foram limitadas a 256. Mas funcionou.
Não fazemos mais isso. Animações CSS o substituíram. JavaScript assumiu o trabalho pesado. Mas se você estiver mantendo código legado do final dos anos 90, ainda precisará saber como align="middle" realmente afeta a altura da linha. E por que seu GIF animado leva três segundos para carregar no 3G.
As tags antigas desapareceram. A lógica permanece.
















