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:

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:

---