Prima racchiudevi tutto in
prima di ![]()
img src stesso.
L’allineamento verticale era il punto in cui le cose si complicavano. Avevi tre scelte su come posizionare il testo rispetto alla grafica.
Opzioni di allineamento verticale
Il comportamento predefinito? Immagine a sinistra. Testo a destra. Se volevi invertirlo, dovevi usare di nuovo il trucco
. Ma per la relazione testo-immagine stessa, hai scelto uno di questi tre valori:
- align=”bottom” : il testo si allinea con il bordo inferiore dell’immagine.
- align=”top” : il testo si allinea con il bordo superiore.
- align=”middle” : il testo si trova accanto al centro verticale dell’immagine.
Ogni esempio appariva così:
Era un codice brutto. Ma ha funzionato.
Creazione di GIF animate
Le immagini statiche sono noiose. Volevi movimento. Flash. Vita.
Lo strumento per quell’epoca era The GIF Construction Set. Non hai codificato l’animazione. L’hai costruito tu. Hai creato fotogrammi individuali. Li ho sequenziati. Poi li ho arrotolati in un unico file .gif.
Un’immagine. Molti fotogrammi. Nessun lettore video richiesto.
Questo era il trucco. Potresti creare un logo che gira o un titolo che rimbalza senza un plug-in del browser. Solo un singolo file immagine che il browser ha interpretato come movimento.
Non era elegante. I file erano enormi. I colori erano limitati a 256. Ma funzionò.
Non lo facciamo più. Le animazioni CSS lo hanno sostituito. JavaScript ha preso il sopravvento sul lavoro pesante. Ma se stai mantenendo un codice legacy della fine degli anni ’90, devi comunque sapere in che modo align="middle" influisce effettivamente sull’altezza della linea. E perché la tua GIF animata impiega tre secondi per caricarsi su 3G.
I vecchi tag sono spariti. La logica rimane.
