Como alinhar imagens em HTML e criar GIFs animados

0
14

Você costumava agrupar tudo em

. Está morto agora. Mas naquela época, se você quisesse centralizar uma imagem ou empurrá-la para a direita, você colocava uma tag

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:

Logo

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.

попередня статтяComo adicionar músicas ao iTunes: importando CDs e arquivos
наступна статтяPor que 123456 ainda é uma senha terrível em 2024