Comment

 

Friday, March 4, 2016

Menggabung Gambar Dan Teks Secara Horizontal

0 comments


 Teknik Komputer Jaringan-Pemrograman web
 Menggabung gambar dan teks secara horizontal
kali ini saya akan membahas tentang menggabung gambar dan teks secara horizontal. Sebelum kita belajar coding nya, kita harus memahami penjelasan tentang materi ini. Berikut adalah penjelasannya.
- 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.

Dibawah ini saya  mempunyai sebuah coding tentang menggabungkan gambar dan teks secara horizontal:

<!DOCTYPE HTML>
<html>
<body>
<h1> Menggabungkan gambar dan teks, posisi terhadap teks secara horizontal</h1>
<p><img src="logosmk2.jpg" width=150 align=TOP> logo 1 (menggunakan align=LEFT)<br><br>
<p><img src="logosmk2.jpg" width=150 align=RIGHT> logo 2 (menggunakan align=RIGHT)<br><br>
</body>
</html>

Dari coding diatas maka hasilnya adalah sebagai beikut;


Menggabungkan gambar dan teks, posisi terhadap teks secara horizontal

logo 1 (menggunakan align=LEFT)


logo 2 (menggunakan align=RIGHT)
























berdasarkan screenshot:



0 comments:

Post a Comment

 
Rizky Wara | Blog © 2017 .