Agar website kita tidak terlihat membosankan, kita dapat menyisipkan gambar dalam website kita. Adapun tag yang digunakan adalah <img>. Misalkan kita akan menyisipkan gambar yang terdapat dalam folder,contoh:pictures, kita akan menggunakan atribut "img" yang diletakkan tepat dalam tag <img> sehingga tag akan berubah seperti berikut <img src="...">. Lalu kemudian kita cari gambar yang akan kita sisipkan misalnya letak gambar tersebut di folder pictures tadi. Maka kita akan menuliskannya seperti berikut <img src="C:\Users\Public\Pictures\Sample Pictures\Desert.jpeg"></img>. Namun ukurannya cukup besar, nah, oleh karena itu kita akan menambahkan atribut "width" untuk lebar dan "height" untuk tinggi gambar. Jadi tag akan berubah lagi seperti berikut <img src="C:\Users\Public\Pictures\Sample Pictures\Desert.jpeg" width="20%" height="30%"></img>.
Nah mari kita latihan lagi!
Salin script berikut:
<html>
<head>
<title>selamat datang di web saya</title>
</head>
<body bgcolor="yellow">
<h1>saya mencoba menyisipkan gambar dalam website saya</h1>
<img src="C:\Users\Public\Pictures\Sample Pictures\koala.jpg" width="20%" height="30%"></img>
</body>
</html>
(anda harus menggunakan browser Internet explorer atau google crome agar gambarnya muncul, karena mozilla tidak akan menampilkan gambar)
Tidak ada komentar:
Posting Komentar