Comment

 

Friday, March 4, 2016

Menggabung Gambar Dan Teks Pada Halaman Web

0 comments


Teknik Komputer Jaringan-Pemrograman Web
 Menggabung gambar dan teks
Kali ini saya akan membahas tentang menggabung gambar dan teks.
- Menggabung atau menyisipkan gambar didalam suatu teks atau paragraf tertentu. Terdapat pilihan posisi gambar yang harus diperhatikan.
- Secara Vertikal:
   1. Teks bisa berada sejajar dengan bagian atas gambar.
   2. Teks bisa berada sejajar dengan bagian tengah gambar.
   3. Teks bisa berada sejaja dengan bagian bawah gambar.
- Untuk posisi gambar yang dilihat dari arah vertikal dapat ditentukan dengan mengisi nilai TOP, MIDDLE, atau  BOTTOM, kedalam atribut ALIGN yang terdapat pada tag <img>.
Dibawah ini saya  mempunyai sebuah coding tentang menggabungkan gambar dan teks secara vertikal.

<!DOCTYPE HTML>
<html>
<body>
<h1> Menggabung gambar dan teks, posisi terhadap teks secara vertikal</h1>
<p><img src="logosmk2.jpg" width=150 align=TOP> logo 1 (menggunakan align=TOP)<br><br>
<p><img src="logosmk2.jpg" width=150 align=MIDDLE>logo 2 (menggunakan align=MIDDLE)<br><br>
<p><img src="logosmk2.jpg" width=150 align=BOTTOM>logo 3 (menggunakan align=BOTTOM)<br><br>
</body>
</html>
Dari coding diatas maka hasilnya adalah sebagai beikut;

Menggabung gambar dan teks, posisi terhadap teks secara vertikal

logo 1 (menggunakan align=TOP)


logo 2 (menggunakan align=MIDDLE)


logo 3 (menggunakan align=BOTTOM)








berdasarkan screenshot:



0 comments:

Post a Comment

 
Rizky Wara | Blog © 2017 .