15 April 2017

Memberi Border Gambar dengan HTML

Memberi Border  Image 

Baca artikel sebelumnya PRAKTIK 16 MERUBAH UKURAN IMAGE HTML
 
Buat sebuah folder lalu copykan file gambar yang kamu inginkan ke folder tersebut, saya disini memakai gambar chelsea.jpg
Buatlah sebuah dokumen HTML untuk tulisan berikut ini, buka notepad++
Simpan dengan nama image4.html.

Ketikkan Script berikut
<html>
<head>
<title>Contoh Image 4</title>
</head>
<body>
<p>Tanpa Border</p>
<img src="chelsea.jpg" />
<p>Border =5</p>
<img src="chelsea.jpg"  border=5 />
<p>Border=20</p>
<img src="chelsea.jpg" border= 10 />
</body>
</html>

Buka dokumen yang anda buat tadi
Lihatlah hasilnya 

Download Filenya dilink dibawah ini

https://www.4shared.com/s/fUsPR2W80ca

Buka artikel selanjutnya PRAKTIK 18 TABEL HTML

No comments: