Poprzednio wszystko było opakowane w
przed znacznikiem ![]()
img src.
W przypadku wyrównania w pionie sprawy stały się bardziej skomplikowane. Miałeś trzy możliwości ułożenia tekstu względem grafiki.
Opcje wyrównania w pionie
Domyślne zachowanie? Obraz po lewej stronie, tekst po prawej. Jeśli chciałeś zrobić odwrotnie, musiałeś ponownie użyć sztuczki
. Jednak dla samego połączenia „tekst-obraz” wybrano jedną z trzech wartości:
- align=”bottom” : Tekst jest wyrównany do dolnej krawędzi obrazu.
- align=”top” : Tekst jest wyrównany do górnej krawędzi.
- align=”middle” : Tekst jest umieszczony wzdłuż pionowego środka obrazu.
Każdy przykład wyglądał tak:
Kod był niechlujny. Ale to zadziałało.
Twórz animowane GIF-y
Statyczne obrazy są nudne. Pragnęłam ruchu. Błysk. Życie.
Narzędziem tamtej epoki był Zestaw konstrukcyjny GIF. Nie napisałeś kodu animacji. Zebrałeś to. Powstały osobne ramki. Ułożono je w wymaganej kolejności. Następnie spakowaliśmy wszystko w jeden plik .gif.
Jeden obraz. Dużo ujęć. Do odtwarzania filmów nie jest wymagana wtyczka.
To była sztuczka. Możliwe było wykonanie obracającego się logo lub podskakującego nagłówka bez wtyczek do przeglądarek. Tylko pojedynczy plik obrazu, który przeglądarka zinterpretowała jako ruch.
To nie było eleganckie. Pliki były ogromne. Paleta barw została ograniczona do 256 kolorów. Ale to zadziałało.
Już tego nie robimy. Animacje CSS zastąpiły to podejście. JavaScript wykonał większość pracy. Ale jeśli wspierasz starszy kod z końca lat 90-tych, nadal musisz dokładnie zrozumieć, jak align="middle" wpływa na wysokość linii. I dlaczego animowany GIF ładuje się przez trzy sekundy w sieci 3G.
Stare tagi należą już do przeszłości. Logika pozostaje.
