Hai sobat kali ini saya akan memposting "Cara Memasukkan Gambar atau Foto Dalam HTML", Di sini yang kita gunakan adalah Notepad atau bisa juga dengan Notepad++. Salah satu cara untuk memperindah tampilan website selain menampilkan informasi dengan format teks, juga dibutuhkan adanya tampilan berupa gambar. Dengan adanya gambar juga akan memperjelas informasi yang disampaikan. Dalam menampilakan gambar, yang diperlukan adalah tag-tag HTML yang berperan untuk menampilkan gambar.
File gambar yang ada jumlahnya cukup banyak, tetapi tidak semua tipe gambar dapat ditampilkan dalam dokumen HTML. Berikut ini dapat ilihat beberapa format dan ekstensi dari file gambar yang dapat digunakan.
| Jenis Gambar | Ekstensi | Kepanjangan Ekstensi |
| JPEG | *.jpeg | Join Photographic Expert Group |
| JPG | *.JPG | Join Photographic Group |
| TIFF/TIF | *.JPG | Tagged Image File Format |
| PNG | *.png | Portable Network Graphies |
|
GIF | *.gif | Graphis Interchange Format |
Tag yang digunakan untuk menampilkan gambar pada dokumen HTML adalah
<img> ada beberapa atribut yang menyertai tag ini, tetapi tag yang harus selalu disertakan hanya ada satu, yaitu atribut
"src" (search). sintak sederhana dari tag <img> adalah sebagai berikut:
<img src="nama file gambar">
contoh:
contoh:
<html>
<head>
<title> gambar </title>
</head>
<body>
<img src="https://reanhidayat.files.wordpress.com/2010/12/garuda-indonesia.jpg"></img>
</body>
</html>
|
terima kasih
