Insert Gambar dalam HTML

Sore Juragan...hehehe kali ini mimin akan post tutorial tentang menyisipkan gambar pada pemrogaman HTML. Lalu bagaimana, mengapa dan bla.bla.bla. keterngan di bawah gan...hehehe

Perintah untuk menggabungkan gambar dengan website adalah img src. Browser dapat menampilkan gambar yang disajikan dalam format .jpg, .gif, .bmp dan lainnya. Setiap gambar membutuhkan waktu tambahan untuk proses download atau saat browsing, sehingga dapat memperlambat akses. Untuk itu berhati-hatilah dalam memilih gambar. Untuk hasil yang lebih baik dapat menggunakan aplikasi Flash, Photoshop atau Image 3D supaya gambar bersifat dinamis.

Format perintah img src adalah <img src=”nama_file_gambar”>. Penulisan perintah gambar bergerak dan gambar diam sama saja. Hal yang perlu diperhatikan adalah semakin besar ukuran file gambar maka proses download juga semakin lama atau saat website diakses membutuhkan waktu lama.

Atribut yang menyertai perintah img src adalah alt, align=(center, left, right, top, bottom), hspave, vspace, border, width dan height. Beberapa contoh program berikut, menggunakan gambar pada lokasi e:\KULIAH\bloger yang merupakan satu folder dengan file html yang akan di simpan agar lebih mudah untuk memahaminya

Jadi penulisan Codingnya akan seperti ini

Keterngan “matik” merupakan nama file, “JPG” merupakan jenis/type FILE.

Untuk coding yang lebih jelas di bawah ini

<html>

<head>

<title>Membuat Web</title>

</head>

<body>

</body>

</html>

Kemudian simpan File HTML tersebut, punya mimin diberi nama gambar.html , yang perlu didingat bahwa file HTML yang telah disimpan dalam satu folder dengan file gambar tersebut..

Berikut tampilan dalam Notepad++

Berikut tampilan setelah di RUN

Untuk pengaturan gambar dalam HTML tunggu Tutorial Post berikutnya ya gannn... Terimakasih, semoga bermanfaat.

Insert Gambar dalam HTML

0 Response to "Insert Gambar dalam HTML"

Posting Komentar