Memasukan dan Menampilkan Gambar Pada HTML

Web tanpa gambar pastilah kurang menarik. Nah, pada materi kali ini saya akan memberi tutorial bagaimana memasukan dan menampilkan gambar dengan bahasa pemrograman HTML. Langsung saja kita pelajari syntak berikut:

<img
   align="left"|"right"|"top"|"middle"|"bottom"
   alt="text"
   border="pixel"
   width="pixel"|"%"
   height="pixel"|"%"
   hspace="pixel"
   vspace="pixel"
   src="uri">

Dari syntak tersebut kita melihat beberapa atribut yang bisa kita beri dalam elemen img dan tidak mempunyai tag penutup.Attribut yang dapat kita beri untuk menyeting gambar antara lain yaitu: align berfungsi untuk mengatur posisi gambar, bisa berupa left, right, top, middle dan bottom.

• ·         alt berfungsi untuk menampilkan teks alternatif jika gambar tidak tampil karena eror atau kesalahan lain.
• ·         Border berfungsi untuk mengatur garis tepi.
• ·         Height berfungsi mengatur tinggi gambar yang akan ditampilkan.
• ·         Width berfungsi mengatur lebar gambar yang akan ditampilkan.
• ·         hspace berfungsi mengatur jarak kosong dengan gambar dari posisi horizontal.
• ·         vspace berfungsi mengatur jarak kosong dengan gambar dari posisi vertical.
• ·         src merupakan lokasi dari gambar itu disimpan beserta nama file-nya.

Sekian untuk materi kali ini, selamat belajar dan mencoba ^_^