Dříve bylo vše zabaleno do
a za ní jej zavřete. Jen. Pokud bylo požadováno, aby text obtékal obrázek, byl atribut zarovnání umístěn přímo do značky img src`.
S vertikálním zarovnáním se věci zkomplikovaly. Měli jste tři možnosti, jak bude text umístěn ve vztahu ke grafice.
Možnosti vertikálního zarovnání
Výchozí chování? Obrázek vlevo, text vpravo. Pokud jste chtěli udělat opak, museli jste znovu použít trik
- align=”bottom” : Text je zarovnán ke spodnímu okraji obrázku.
- align=”top” : Text je zarovnán k hornímu okraji.
- align=”middle” : Text je umístěn podél svislého středu obrázku.
Každý příklad vypadal takto:
Kód byl nedbalý. Ale povedlo se.
Vytvářejte animované obrázky GIF
Statické obrázky jsou nudné. Chtěl jsem pohyb. Blikat. Život.
Nástrojem té doby byla ** Stavebnice GIF**. Nenapsal jsi animační kód. Sebral jsi to. Byly vytvořeny samostatné rámy. Byly uspořádány v požadovaném pořadí. Poté jsme vše zabalili do jednoho souboru .gif.
Jeden obrázek. Spousta záběrů. Pro přehrávání videí není potřeba žádný plugin.
Tohle byl ten trik. Bez pluginů do prohlížeče bylo možné vyrobit rotující logo nebo poskakující záhlaví. Pouze jeden soubor obrázku, který prohlížeč interpretoval jako pohyb.
Nebylo to elegantní. Soubory byly obrovské. Paleta barev byla omezena na 256 barev. Ale povedlo se.
Už to neděláme. Tento přístup nahradily animace CSS. JavaScript udělal většinu práce. Pokud ale podporujete starší kód z konce 90. let, stále musíte přesně pochopit, jak align="middle" ovlivňuje výšku řádku. A proč se váš animovaný GIF načte přes 3G tři sekundy.
Staré značky jsou minulostí. Logika zůstává.
