Sponsor Ads   X  
Sponsor Ads   X  

28/03/2010

MENAMBAH GAMBAR DENGAN HTML


Jika kebetulan anda belum berkesempatan memiliki PC, optimalkan penggunaan ponsel untuk terus dapat belajar.
Belajar HTML dengan ponsel? siapa takut..
Sedikit panduan, silahkan klik Praktek HTML Dengan Ponsel. Dan barangkali perlu, silahkan baca juga Optimalkan Penggunaan Operamini.

Tag <img>

Untuk menambahkan gambar ke dalam suatu elemen tulisan/posting blog/artikel ataupun pada elemen lain dalam halaman WEB, tag yang diperlukan adalah <img>.
Tag <img> tidak memerlukan tag penutup secara terpisah, cukup dengan memberikan tanda "/" (slash) pada bagian akhir sebelum tanda">" sehingga menjadi seperti ini, <img/>.

Beberapa atribut dari tag <img>, yang diperlukan untuk dapat mengatur tampilan gambar pada browser antara lain:

src
Atribut ini wajib digunakan, yaitu untuk menentukan "lokasi asal" gambar yang akan ditampilkan. Lokasi yang dimaksud adalah, url yang mengarah/menuju ke sebuah file gambar.
border
Untuk mengatur bingkai
width
Untuk mengatur lebar gambar
height
Untuk mengatur tinggi gambar
alt
Alternatif yang akan ditampilkan jika gambar tidak dapat tampil dalam browser
Selain atribut "src" yang wajib dalam penggunaanya, atribut lain yang tersebut diatas adalah bersifat opsional.

Contoh:

Jika ditulis:
<img src="http://i676.photobucket.com/albums/vv122/sung_sun6/kakangsung.png"/>
Hasilnya adalah:

Contoh berikutnya:

Jika ditulis:
<img src="http://i676.photobucket.com/albums/vv122/sung_sun6/kakangsung.png" width="50px" height="25px"/>
Hasilnya adalah:

Contoh berikutnya:

Jika ditulis:
<img src="http://i676.photobucket.com/albums/vv122/sung_sun6/kakangsung.png" width="80px" height="40px" border="3" alt="contoh"/>
Hasilnya adalah:
contoh

Sebenarnya masih banyak hal yang perlu dipelajari terkait dengan gambar. Namun, berhubung saya sendiri baru banyak belajar secara teori, maka yang di ulas dalam posting ini adalah berdasarkan apa yang telah pernah saya praktekan sendiri dengan ponsel.



Sebelumnya | Berikutnya


Silahkan baca juga yang ini:

0 comments:

Tinggalkan Komentar Anda

Terimakasih telah berkunjung, untuk kritik, saran, ataupun pertanyaan, silahkan berikan komentar anda disini:

 
Halaman Muka | Tentang | Kontak | Sitemap | 2008- © kakangsung All Rights Reserved