P. 1
Part 6 Cara Memasukan Gambar Di HTML

Part 6 Cara Memasukan Gambar Di HTML

|Views: 4,855|Likes:
Published by Edyn Laskar

More info:

Published by: Edyn Laskar on Jan 08, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

07/16/2013

pdf

text

original

Tutorial kali ini saya akan coba menjelaskan cara untuk memasukkan gambar pada HTML.

Gambar merupakan elemen yang sangat penting dalam membuat website karena gambar bisa mewakilkan penjelasan yang lebih detail jika dibandingkan dengan kata-kata. Lalu bagaimana caranya ? Caranya sangat mudah, Sobat Bloger hanya perlu mempergunakan tag img. Tag img ini memiliki beberapa attribut umum yaitu, border, width, height, dan alt. Masih bingung dan tidak mengerti ? Ok, langsung saja Sobat Bloger lihat script dibawah ini.
<img src='lokasi_gambar.png' width='200px' height='300px' alt='Contoh gambarpertama'border='1px'> </img>

Coba salin script tersebut, dimana pada lokasi_gambar.png disesuaikan dengan lokasi alamat gambar Sobat Bloger dan lihat hasilnya. Jika Sobat Bloger melakukannya dengan benar maka lokasi gambar Sobat Bloger akan muncul dengan lebar 200px dan tinggi 300px. Coba Sobat Bloger perhatikan script tersebut, ada attribut alt bukan ? Attribut alt berfungsi untuk memberikan title atau judul pada gambar, alt ini biasanya sangat berperan penting dalam SEO suatu website. Cukup mudah bukan untuk memasukkan gambar ke dalam website pada HTML. Silahkan Sobat Bloger terus bereksplorasi dengan tutorial cara membuat website yang saya berikan. Sampai ketemu di tutorial berikutnya dan semoga tutorial yang saya berikan bisa bermanfaat.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->