Saturday, March 3, 2012

Menyisipkan Gambar dalam HTML

Assalamualaikum sobat, alhamdulillah kali ini kita masih bisa berjumpa lagi di postigan blog ane yang sederhana ini. kali ini ane mau share masih seputar Perencanaan pembuatan web dasar menggunakan HTML. kalau beberapa waktu lalu kita sudah membahas tentang Hyperlink, kali ini kita akan membahas bagaimana cara menyisipkan atau memasukkan gambar pada HTML. Gambar dalam pembuatan atau penyusunan sebuah website merupakan suatu hal yang dapat dikatakan wajib, karena bila sebuah halaman web tidak memiliki gambar, maka web tersebut akan terlihat monotone, tidak interaktif dan tidak menarik, nah untuk itu mari kita sama sama pelajari dari dasarnya.

untuk menampilkan image atau animasi gif pada halaman web, Tag yang digunakan adalah :

<img src="nama file gambar">

Attribut yang dimiliki tag <img> adalah: title, align=(center, left, right), hspace, vspace, border, width dan height. Jika attribut ukuran gambar tidak dituliskan (width dan height), maka gambar ditampilkan sesuai dengan ukuran aslinya. Untuk mengatur ukuran gambar, menggunakan attribut width dan height. Attribut align digunakan untuk perataan posisi gambar. Attribut border, digunakan untuk memberi bingkai atau garis tepi pada gambar. Sedangkan title, digunakan untuk memberi keterangan pada gambar jika mouse berada diatasnya. Untuk mengatur letak gambar dapat menggunakan attribut hspace daan vspace.
sebagai contoh saya menggunakan dua buah gambar dibawah ini, dan lalu lihat scriptnya, sobat semua bisa mempraktekkan sendiri, seperti yang kita lakukan pada posting sebelumnya.

Gambar 1


Gambar 2


Dan sobat bisa menggunakan gambar yang lain, dan scriptnya sperti ini :


<html>
<head>
<title>::: menampilkan images:::</title>
</head>
<body>

<img src="redhat.jpg" title="Redhat Linux">
<img src="ubuntu.png" title="Ubuntu Linux" width="450" height="300" align="center">


</body>
</html>

nah mungkin sobat bisa ubah gambarnya dengan gambar yang sobat punya asalkan letakkan dalam 1 folder. dan jangan lupa untuk memberikan namagambar beserta dengan ekstensi atau jenis gambar tersebut, misalkan namagambar.jpg. nah buat sobat juga yang mau download file jadinya bisa di download pada link dibawah ini.

Download File Menyisipkan Gambar dalam HTML

link download sudah saya berikan dan sedikit penjelasan juga sudah, maka cukup sekian posting kali ini semoga ada manfaatnya buat semua, dan ane tunggu komentarnya sobat, thanks for visit my blog, kita berjumpa lagi pada postingan berikutnya.
wassalamualaikum


|


Masukkan Email Untuk Berlangganan Tulisan by E-mail



Tulisan Lainnya :

4 comments:

Berikan sedikit komentar sobat, karena itu sangat berarti buat saya, dan saya sangat berharap sobat tidak menggunakan user Anonim / anonymous tapi gunakan saja Name / URL, atau dengan E-mail itu lebih baik.. thanks for visit my blog

Copyright © 2012. NoteBase - All Rights Reserved
Template Design by AkustikCorporation
Powered by Blogger