Menggabungkan gambar dan teks secara horizontal
Assalamualaikum Wr. Wb.
Pada kesempatan kali ini saya akan membahas tentang menggabungkan gambar dan teks secara horizontal
Kita harus memahami penjelasan tentang materi ini sebelum belajar codingnya.
Berikut penjeasannya:
- Secara horizontal.
1. Gambar bisa berada dibagian kiri teks/paraghraph
2. Gambar bisa berada dibagian kanan teks/paraghraph.
Untuk posisi gambar yang dilihat dari arah horizontal ditentukan dengan mengisi nilai LEFT dan RIGHT kedalam ALIGN pada tag <img>.
Dengan mengisi atribut tersebut dengan nilai LEFT maka gambar akan berada disebelah kiri teks. Sebaliknya, jika di isi RIGHT akan menyebabkan posisi gambar akan berada disebelah kanan teks.
Berikut contoh dari saya coding menggabungkan gambar dan teks secara horizontal.
<html>
<body>
<h1>Menggabungkan gambar dan teks, posisi terhadap teks secara horizontal</h1>
<p><img src="cat.jpg"width=150 align=TOP>Logo 1 (menggunakan align=LEFT)<br><br>
<p><img src="cat.jpg"width=150 align=TOP>Logo 2(menggunakan align=Left)<br><br>
</body>
</html>
Berikut hasilnya
Pada kesempatan kali ini saya akan membahas tentang menggabungkan gambar dan teks secara horizontal
Kita harus memahami penjelasan tentang materi ini sebelum belajar codingnya.
Berikut penjeasannya:
- Secara horizontal.
1. Gambar bisa berada dibagian kiri teks/paraghraph
2. Gambar bisa berada dibagian kanan teks/paraghraph.
Untuk posisi gambar yang dilihat dari arah horizontal ditentukan dengan mengisi nilai LEFT dan RIGHT kedalam ALIGN pada tag <img>.
Dengan mengisi atribut tersebut dengan nilai LEFT maka gambar akan berada disebelah kiri teks. Sebaliknya, jika di isi RIGHT akan menyebabkan posisi gambar akan berada disebelah kanan teks.
Berikut contoh dari saya coding menggabungkan gambar dan teks secara horizontal.
<html>
<body>
<h1>Menggabungkan gambar dan teks, posisi terhadap teks secara horizontal</h1>
<p><img src="cat.jpg"width=150 align=TOP>Logo 1 (menggunakan align=LEFT)<br><br>
<p><img src="cat.jpg"width=150 align=TOP>Logo 2(menggunakan align=Left)<br><br>
</body>
</html>
Berikut hasilnya
0 Response to "Menggabungkan gambar dan teks secara horizontal"
Post a Comment