Cara Menyelaraskan Gambar dalam HTML dan Membuat GIF Animasi

0
10

Anda biasa membungkus semuanya dalam

. Sekarang sudah mati. Namun dulu, jika Anda ingin memusatkan gambar atau mendorongnya ke kanan, Anda menempelkan tag

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:

Logo

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.

попередня статтяCara Menambahkan Musik ke iTunes: Mengimpor CD dan File
наступна статтяMengapa 123456 Masih Menjadi Kata Sandi yang Buruk di tahun 2024