Untuk memulai membuat gambar, kita harus mempersiapkan gambar yang akan kita taruh di website kita.
Ketik script dibawah ini
<html>
<head>
<title>Membuat Gambar pada HTML</title>
</head>
<body>
<h1>Ini adalah Gambar</h1><br>
<img src="#">
</body>
</html>
Jika kita lihat hasilnya akan seperti ini.
Perhatikan pada gambar diatas, kita melihat belum ada gambar yang tertera diatas.Karena kenapa? Kita belum mengganti tanda # dengan nama gambar, seperti contoh script dibawah ini.
<html>
<head>
<title>Membuat Gambar pada HTML</title>
</head>
<body>
<h1>Ini adalah Gambar</h1><br>
<img src="burung.jpg">
</body>
</html>
Hasilnya.
Ketika kita mengganti tanda # dengan nama gambar kita, maka munculah gambar yang akan kita taruh pada website kita.Ekstensi gambar juga berupa-rupa seperti jpg, png, dan gif.Misalkan jika nama gambar anda berekstensi jpg maka ubahlah tanda # dengan nama gambar gambar.jpg.
Jika gambar berada di folder lain anda tinggal menambahkan namafolder/gambar.jpg.Ketik script dibawah ini.
<html>
<head>
<title>Membuat Gambar pada HTML</title>
</head>
<body>
<h1>Ini adalah Gambar</h1><br>
<img src="burung/burung.jpg">
</body>
</html>
Gambar juga bisa kita memberikan atribut panjang dan tinggi, dengan menambahkan height="#" dan width="#".Ganti tanda # dengan ukuran sesuai selera anda atau sesuai website anda.Ketik script dibawah ini.
<html>
<head>
<title>Membuat Gambar pada HTML</title>
</head>
<body>
<h1>Ini adalah Gambar</h1><br>
<img src="burung.jpg" width="100" height="200">
</body>
</html>
Hasilnya.
Gambarnya akan sesuai tinggi dan juga lebar yang telah kita berikan ukurannya.
Width = Adalah atribut untuk memberikan lebar pada gambar.
Height = Adalah atribut untuk memberikan tinggi pada gambar.
Semoga artikel ini bermanfaat bagi anda, terima kasih.
0 komentar
Mohon untuk para pengunjung agar supaya meninggalkan komentar setelah membaca.Komentar anda sangat bermanfaat bagi kemajuan blog ini.
"Janganlah menjadi seorang pembaca yang pendiam tanpa meninggalkan jejak sedikit pun"