Cara Memasukkan Gambar atau Foto Dalam HTML
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>
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>
Terimakasih , keep calm and stay away from drugs
EmoticonEmoticon