Thursday, March 19, 2015

HTML PART III

MENAMBAHKAN LINK DAN IMAGE HALAMAN WEB






Salam kawan-kawan....
Cie, ketagihan belajar ya, okke kita kali ini bakal belajar cara masukin image dan buat link di web tetep dengan html.

Untuk kawan-kawan yang belum belajar dasar-dasar html bisa download di http://pulpenkampus.blogspot.com/2015/03/dasar-dasar-html-step-i.html  
Yang pengen tau paragraph formatting bisa download di  http://pulpenkampus.blogspot.com/2015/03/html-part-ii.html

Okke bos, go wess! Untuk memasukkan image kita menggunakan tag <img>, eitz... tapi kita juga wajib nambahin atribut tag image nya ya, beberapa atribut tag <img>:
1. Src : merupakan source / asal nya gambar
2. Name : nama
3. Alt : teks yang muncul saat mouse diarahkan ke gambar
4. Border : bingkai gambar (bisa berupa garis)
5. Height : tinggi gambar
6. Width : lebar gambar
Pastikan image yang akan dimasukkan dan file html yang kawan-kawan buat berada pada satu folder roject yang sama.
Sekarang,  siapin gambar dan masukin deh ke folder dimana file html nya disimpen, boleh disub folder berbeda kok, asal tetep dalam satu folder project.

Image result for buku



Nana filenya “buku.jpg”

Contoh, nah ketik ni contoh simple kok sip...
<body>
<img src=”buku.jpg” width=”200” height=”300” >
</body>

Lanjut aja langsung yak, nambahin link...
Sederhana saa, untuk membuat link kita musti kenal yang namanya tag <a> </a> namanya anchor, terus tambahkan URL di atributnya dengan tag

<a href=http://www.alamat situs yang dituju>  isi kan nama link yang muncul di browser kalian </a>

Contohnya ni...

<body>
<a href=”http://www.amikom.ac.id” > web amikom </a>
</body>

Okke selesailah sudah curhat singkat saya... :) semangat kawan-kawan!!!

0 comments:

Post a Comment