Раньше всё оборачивали в
![]()
, а после него закрывали. Просто. Если же требовалось, чтобы текст обтекал изображение, атрибут выравнивания помещали непосредственно в тег img src.
С вертикальным выравниванием всё становилось сложнее. У вас было три варианта того, как текст располагался относительно графики.
Варианты вертикального выравнивания
Поведение по умолчанию? Изображение слева, текст справа. Если нужно было сделать наоборот, приходилось снова использовать трюк с
. Но для самой связи «текст–изображение» выбирали одно из трёх значений:
- align=»bottom» : Текст выровнен по нижнему краю изображения.
- align=»top» : Текст выровнен по верхнему краю.
- align=»middle» : Текст расположен вдоль вертикальной середины изображения.
Каждый пример выглядел так:
Код был неаккуратным. Но он работал.
Создание анимированных GIF
Статические изображения скучны. Хотелось движения. Флеша. Жизни.
Инструментом той эпохи было The GIF Construction Set. Вы не писали код анимации. Вы её собирали. Создавали отдельные кадры. Расставляли их в нужной последовательности. Затем упаковывали всё в один файл .gif.
Одно изображение. Много кадров. Без необходимости в плагине для воспроизведения видео.
В этом и заключался трюк. Можно было сделать вращающийся логотип или подпрыгивающий заголовок без плагинов браузера. Просто один файл изображения, который браузер интерпретировал как движение.
Это не было элегантным. Файлы были огромными. Цветовая палитра ограничивалась 256 цветами. Но это работало.
Мы больше так не делаем. CSS-анимации заменили этот подход. JavaScript взял на себя основную работу. Но если вы поддерживаете устаревший код конца 90-х, вам всё ещё нужно понимать, как именно align="middle" влияет на высоту строки. И почему ваша анимированная GIF-анимация загружается три секунды по 3G.
Старые теги ушли в прошлое. Логика осталась.
