Page 95 - Pemrograman-Web-Semester1
P. 95
Pemrograman Web Semester 1
Pada gamabr kedua, teks berada di tengah-tengah gambar karena kita mengisi
nilai MIDDLE pada atribut ALIGN.
<img src=”images/rubicon.jpg” align “middle”/>
Terakhir, pada gambar ketiga, teks berada sejajar dengan bagian bawah
gamabar karena kali ini atibut ALIGN BOTTOM
<img src=”images/rubicon.png” align=”bottom”/>
Pratikum 4-3: Menggabung Gambar dan Teks (Bagian 2)
Jalankan aplikasi Teks Editor
Copy file gambar yang akan ditampilkan ke dalam D:\MyHTML\images
Catatan: Dalam contoh ini penulis menggunakan file yang sama seperti pada
Pratikum 4-1.
Isikan kode berikut :
<html>
<head>
<title>Gambar</title>
</head>
<body>
<h2>Demo Menggabung Gambar dan Teks (Bag. 2) </h2>
<p><u>Gambar ada di sebelah kiri teks:</u></p>
<p>
<img src=”images/rubicon.gif” align”left”/>
Pada paragraf ini gambar akan ditempatkan di sebelah kiri teks. Hal ini
disebabkan atrbut ALIGN diisi dengan nilai LEFT. Pada paragraf ini gambar akan
ditempatkan di sebelah kiri teks. Hal ini disebabkan atrbut ALIGN diisi dengan
nilai LEFT. Pada paragraf ini gambar akan ditempatkan di sebelah kiri teks. Hal
ini disebabkan atrbut ALIGN diisi dengan nilai LEFT. Pada paragraf ini gambar
akan ditempatkan di sebelah kiri teks. Hal ini disebabkan atrbut ALIGN diisi
dengan nilai LEFT. Pada paragraf ini gambar akan ditempatkan di sebelah kiri
teks. Hal ini disebabkan atrbut ALIGN diisi dengan nilai LEFT.
81 | P a g e
