Gambar HTML

 

Anda pasti pernah melihat sebuah gambar dalam sebuah halaman website seperti tampak pada gambar di bawah ini:

 

 

Pertanyaan anda tentu bukanlah siapa yang ada dalam gambar itu. Berkaitan dengan pelajaran kita kali ini pertanyaan yang harus muncul adalah bagaimana caranya, membuat dan menampilkan gambar tersebut dalam halaman sebuah website.

Gambar HTML didefinisikan dengan tag <img>.

File sumber (src), teks alternatif (alt), lebar, dan tinggi disediakan sebagai atribut.

<!DOCTYPE html>
<html>
<body>

<img src=”http://dabuanbodil.com/wp-content/uploads/2018/06/Dabuan-Bodil-Hutagalung.jpg” alt=”Dabuan Bodil Hutagalung” width=”160″ height=”160″ /”>

</body>
</html>

 

Nah, kode HTML

<img src=”http://dabuanbodil.com/wp-content/uploads/2018/06/Dabuan-Bodil-Hutagalung.jpg” alt=”Dabuan Bodil Hutagalung” width=”160″ height=”160″ /”>

inilah yang menampilkan gambar tersebut di atas.

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *