Rabu, 22 Juni 2016

Menambahkan Gambar



Hampir semua halaman web selalu memiliki gambar di dalamnya. Dengan adanya gambar, tampilan halaman web akan terlihat lebih menarik dan lebih baik. Jika tidak ada gambar, halaman web akan terlihat membosankan. Untuk menambahkan gambar, kode HTML pun mendukungnya. Memasukkan gambar diakomodasi oleh tag <img>. Berikut ini adalah format standart tag <img> untuk memasukkan gambar:

<img src="lokasi_gambar"/>

Contoh kalian ingin memasukkan gambar dengan nama file "gambar.jpg" dengan lokasi satu folder dari lokasi tempat file ".html" kalian berada. maka, kalian tinggal memasukkan kode :

<img src="gambar.jpg"/>

Contoh kodenya adalah sebagai berikut:

<html>
<head>
<title> Contoh memasukkan gambar </title>
</head>
<body>
<h1> Itachi dan Sasuke </h1>
<img src="gambar.jpg"/>
</body>
</html>


maka hasilnya akan seperti ini

 



48 komentar:

  1. Sip , sangat bermanfaat bagi pemula seperti saya gan .

    BalasHapus
  2. tank gan dapet ilmu lagi nii ane

    BalasHapus
  3. tnk gan atas informasinya ijin sedot gan

    BalasHapus
  4. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  5. Teringat Pelajaran Waktu SMA Gan,Baru" Masuk Pelajaran Html,Makasih Infonya

    BalasHapus
  6. Baru tahu caranya gan, makasi gan.

    BalasHapus
  7. Pas banget , gw mau masuk TI nih. Bookmark dulu bro

    BalasHapus
  8. Terimakasih infonya... buat bahan belajar

    BalasHapus
  9. MAKASIH INFONYA SANGAT MEMBANTU,

    BalasHapus
  10. makasih infonya gan/ langsung coba

    BalasHapus
  11. Thanks gan Infonya,Mendasar dan sangat membantu

    BalasHapus
  12. Gambarnya bisa untuk yang jenis apaa kak

    BalasHapus
  13. Sipp bisa setting gambar sesuai kemauan

    BalasHapus
  14. MAKASIH INFONYA GAN SANGAT BERMANFAAT

    BalasHapus
  15. nambah ilmu lagi nih mantab gan

    BalasHapus
  16. gampang banget gan kalo setelah lama di cari cari hehehe

    BalasHapus
  17. makasih ilmunya. sangat bermanfaat

    BalasHapus
  18. kalo nambahin tulisan diatas gambar gimana gan,?

    thanks jawabannya

    BalasHapus
  19. tambah pengetahuan nih gan, thanks

    BalasHapus
  20. Itu di lokal ya gan? kalo secara online? folder2 nya itu seperti apa???

    BalasHapus
  21. nice tutoriial, pendek tpi berarti

    BalasHapus
  22. kalo buat link download pakek gambar sama caranya kayak di atas kang?

    BalasHapus
  23. ternyata begini cara menambahkan gambar, so simple, thanks infonya mas

    BalasHapus
  24. kalo biar gambarnya pas di klik ngarah ke web gimana gan caranya? :)

    BalasHapus