Rabu, 18 Maret 2015

Memasang Gambar di HTML dengan mudah

selamat malam semuanya, bagaimana kabar kalian semua ... semoga baik dan berkah selalu jika kita mau berusaha.
baik untuk kesempatan malam ini saya akan membrikan ilmu yang telah saya pelajari yaitu memasukan gambar pada HTML dengan mudah, sambil ngopi ... ;-)
Oke Langsung Saja....



Utuk memasang gambarr pada sebuah HTML tidaklah sulit yaitu dengan menggunakan Tag<img>. Ketika Tag ini digunakan maka ia membutuhkan beberapa atribut misalnya :
  • src : digunakan untuk source/letak gambar yang akan ditampilkan
    width : digunakan untuk mengatur lebar gambar 
  • height : digunakan untuk mengatur tinggi gambar
  • align : digunakan untuk mengatur letak posisi gambar saat ditampilkan, value: top, bottom, middle, left, right.
  • / : tag ini tidak menggunakan tag penutup.
Baiklah Langsung saja kita buat contohnya, sebelum membuatnya kita harus mempersiapkan file gambarnya baik ber format JPG, GIF Dan PNG. Setelah kita siapkan gambarnya untuk lebih enaknya gambar diletakkan satu folder dengan file htmlnya, agar kita tidak repot-repot dalam mengambil filenya. coba Ketiklah kode html seperti di bawah ini :

 <html>
<head>
<title>Memasang Gambar Pada HTML</title>
</head>
<body>

<p>Latihan Memasukan Gambarku</p>
<img src="Image.jpg" width="500" height="360" align="left"/>

</body>
</html>
lalu simpan dokumen anda dengan format belakangnya .html , lalu coba buka file yang anda simpan tadi dengan browser, maka hasilnya akan seperti ini :
 

Mungkin cukup sekian dulu ya saya kasih informasinya....dan makasih sudah mau berkenan membaca artikel saya... terima kasih...
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)