Anda biasa membungkus semuanya dalam
sebelum ![]()
dan menutupnya setelahnya. Sederhana. Jika Anda ingin teks membungkus gambar, letakkan atribut perataan di dalam tag img src itu sendiri.
Penyelarasan vertikal adalah tempat di mana segala sesuatunya menjadi berantakan. Anda memiliki tiga pilihan bagaimana teks ditempatkan relatif terhadap grafik.
Opsi Perataan Vertikal
Perilaku default? Gambar di sebelah kiri. Teks di sebelah kanan. Jika Anda ingin membaliknya, Anda harus menggunakan trik
lagi. Namun untuk hubungan teks-ke-gambar itu sendiri, Anda memilih salah satu dari tiga nilai berikut:
- align=”bottom” : Teks sejajar dengan tepi bawah gambar.
- align=”top” : Teks sejajar dengan tepi atas.
- align=”middle” : Teks berada di samping bagian tengah vertikal gambar.
Setiap contoh terlihat seperti ini:

Itu adalah kode yang jelek. Tapi itu berhasil.
Membuat GIF Animasi
Gambar statis itu membosankan. Anda menginginkan gerakan. Kilatan. Kehidupan.
Alat untuk era itu adalah The GIF Construction Set. Anda tidak membuat kode animasi. Anda membangunnya. Anda membuat frame individual. Mengurutkannya. Kemudian gabungkan menjadi satu file .gif.
Satu gambar. Banyak bingkai. Tidak diperlukan pemutar video.
Itulah triknya. Anda dapat membuat logo berputar atau judul yang memantul tanpa plugin browser. Hanya satu file gambar yang ditafsirkan browser sebagai gerakan.
Itu tidak elegan. File-file itu sangat besar. Warnanya dibatasi 256. Tapi berhasil.
Kami tidak melakukan ini lagi. Animasi CSS menggantikannya. JavaScript mengambil alih tugas berat tersebut. Namun jika Anda mempertahankan kode lama dari akhir tahun 90an, Anda masih perlu mengetahui bagaimana align="middle" sebenarnya memengaruhi tinggi garis. Dan mengapa GIF animasi Anda memerlukan waktu tiga detik untuk dimuat di 3G.
Tag lama sudah hilang. Logikanya tetap ada.
















