Menampilkan Gambar Dengan Kode HTML


Mempercantik tampilan sebuah website dengan gambar merupakan cara jitu membuat pengunjung betah dan nyaman membaca sebuah artikel yang telah kita buat. Namun tidak sembarangan gambar kita ambil atau kita rancang, sebuah gambar yang dapat membuat pengunjung menjadi betah adalah gambar yang to the point atau langsung pada topik yang dibahas dan tidak bertele-tele. Gambar yang responsive dan desain yang menarik juga dapat membuat pengunjung merasakan betah dengan hasil desain yang telah kita rancang. Lalu bagaimana cara terbaik untuk memasang sebuah gambar pada website yang telah kita bangun.

Langkah menambahkan sebuah gambar pada sebuah website memang sangat mudah, kita cukup memberikan berupa link aktif ataupun source (letak gambar) yang ingin ditambahkan. Apakah langkah yang kita pelajari kali ini susah bagi yang masih awam dalam dunia HTML? Jawabannya tidak, Langkah ini sangat mudah dipelajari bagi siapa saja apabila kita ada niat dan tekun untuk belajar dunia programming.

Contoh Program :


<!DOCTYPE html>
<html>
<body>

<h2>Belajar HTML</h2>
<img src="https://3.bp.blogspot.com/-MYm1FXxUJSA/WVjdvmRHncI/AAAAAAAAAV0/gHhfYr5xKWINE2RhHkqlEVyZPHmu6x3OgCLcBGAs/s640/Article_Beritatekno_HTML.png" alt="Contoh Gambar" style="width:640px;height:350px;">

</body>
</html>


Catatan :
  • Tulisan berwarna hijau berarti menandakan sebuah link/letak gambar 
  • Tulisan berwarna merah berarti menunjukan keterangan gambar ketika gambar disentuh oleh kursor mouse
  • Tulisan berwarna merah merupakan style atau ukuran gambar yang dapat diatur sesuai keinginan.
Kamu juga dapat menambahkan gambar sendiri dengan mengganti link yang berwarna hijau dan dapat diganti dengan link atau letak gambar kamu. Format gambar yang dapat digunakan yaitu seperti Jpeg,JPG,Png,dan Gif. Mungkin itu saja pembahasan tentang belajar menambahkan gambar pada sebuah website dengan pemrograman HTML.

Click to comment