Menggabungkan Gambar dan Teks

Jika kita ingin menggabungkan ataumenyisipkan gambar di dalam suatu teks atau paragraf tertentu, terdapat pilihan posisi gambar yang harus diperhatikan:

Secara vertikal:

• Teks bisa berada sejajar dengan bagian atas gambar
• Teks bisa berada sejajar dengan bagian tengah gambar
• Teks bisa berada sejajar dengan bagian bawah gambar

Secara horisontal:

• Gambar bisa berada di bagian kiri teks/paragraf
• Gambar bisa berada di bagian kanan teks/paragraf

Untuk posisi gambar yangdilihat dari arah vertikal dapat ditentukan dengan mengisi nilai TOP, MIDDLE, atau BOTTOM ke dalam atribut ALIGN yang terdapat pada tag <img>.

Contoh hasil dokumen HTML di Web Browser seperti gambar berikut :

Adapun untuk posisi gambar yang dilihat dari arah horisontal ditentukribut an dengan mengisi nilai LEFT dan RIGHT kedalam ALIGN pada tag <img>. Dengan mengisi atribut tersebut dengan nilai LEFT maka gambar akan berada di sebelah kiri teks. Sebaliknya, jika diisi RIGHT akan menyeabkan posisi gambar akan berada di sebelah kanan teks.

Contoh hasil dokumen HTML di Web Browser seperti gambar berikut :

Share this post