Cara Menggabungkan Gambar dan Teks pada HTML

Tags

Cara Menggabungkan Gambar dan Teks pada HTML

Apabila kita ingin menggabungkan atau memasukan gambar didalam suatu teks maupun paragraf tertentu pada HTML, maka ada pilihan posisi gambar yang harus diperhatikan, antara lain yaitu:

Secara vertikal:
1)      Teks bisa berada sejajar dengan bagian bawah gambar
2)      Teks bisa berada sejajar dengan bagian tengah gambar
3)      Teks bisa berada sejajar dengan bagian atas gambar

Secara horisontal:
1)      Gambar bisa berada di bagian kanan teks/paragraf
2)      Gambar bisa berada di bagian kiri teks/paragraf

Untuk posisi gambar yang dilihat dari arah vertikal maka dapat ditentukan dengan cara mengisi nilai TOP, MIDDLE, ataupn BOTTOM ke dalam atribut ALIGN yang ada pada tag <img>. Contohnya dari hasil dokumen HTML di Web Browser seperti halnya gambar berikut ini:

Cara Menggabungkan Gambar dan Teks pada HTML

Gambar Menggabungkan Gambar dan Teks arah vertikal

Sementara itu untuk posisi gambar yang dilihat dari arah horisontal dapat ditentukan dengan cara mengisi nilai LEFT dan RIGHT ke dalam ALIGN yang ada pada tag <img>. Dengan mengisi atribut itu dengan nilai LEFT maka gambar nantinya akan berada disebelah kiri teks. Dan sebaliknya, apabila kita isi RIGHT posisi gambar akan berada disebelah kanan teks. Contohnya dari hasil dokumen HTML di Web Browser akan terlihat seperti gambar berikut ini:

Cara Menggabungkan Gambar dan Teks pada HTML

Gambar Menggabungkan Gambar dan Teks arah horisontal

Berkomentarlah sesuai dengan topik artikel
EmoticonEmoticon