Assalamu'alaikum,
Gimana kabarnya nih sahabat E-Weblog? semoga baik-baik aja ya. :-)
Pada kesempatan ini admin mau share ilmu tentang penggunaan image HTML. Pasti kalian sudah punya gambaran dong kayak gimana fungsinya itu. Seperti namanya tag ini memang berhubungan dengan masalah gambar. Pengen tau lebih lanjut? Silahkan simak!
Image HTML : ini digunakan untuk menambah daya tarik pada suatu webpage dengan adanya gambar yang dimasukkan. Ekstensi file gambar yang umum digunakan yaitu | .JPG| .PNG| .GIF. Dalam pemilihan gambar juga harus memperhatikan format gambar yang digunakan agar akses halaman web tidak berat karena gambar yang dipasang. Untuk menyisipkan gambar pada dokumen html tag yang digunakan yaitu <img>.
Sintax penulisannya:
<img src=”url” />
dan atribut yang digunakan adalah :
oh iya, letak file gambar harus sama satu folder dengan file html yang dibuat. Ini agar mempermudah load url gambarnya. Contoh : <img src="gambar.jpg"/> syntax itu langsung ke file gambar karena terletak pada satu folder. Tidak satu folder juga bisa, tapi lebih rumit. Contoh: <img src="../folder1/folder2/gambar.jpg"/> tergantung letak file gambar. Gambar juga bisa digunakan untuk link. Kalian bisa perhatikan script dibawah ini!
<!DOCTYPE html>
<html>
<head>
<title>Img sebagai suatu link</title>
</head>
<body>
<p>
<b>Untuk mengunjungi website amikom klik gambar di samping</b> <a href="http://www.amikom.ac.id"><img src="amikom.jpg" width="50" height="50" align="middle" alt="Tombol" /> </a>
</p>
</body>
</html>
Disini admin menyimpan file latihan1.html berada satu folder dengan file gambar amikom.jpg
Hasilnya akan seperti ini :
Oke, untuk sementara gitu dulu ya sahabat E-Weblog, tetap kunjungi blog ini untuk ilmu lainnya. See You Next Time :-)
Tidak ada komentar:
Posting Komentar