Beranda · Microsoft Office · Aljabar · Fisika · Jaringan Komputer · Elektronika Dasar · Sistem Operasi · NoteBook
» » Memasukkan Gambar dan Background pada HTML

Memasukkan Gambar dan Background pada HTML

Memasukkan Gambar dan Background pada HTMLUntuk memperindah tampilan kita dapat memasukkan gambar dan background ke dalam dokumen HTML. Gambar yang dimasukkan dapat berupa gambar diam dan bisa juga gambar yang bergerak atau animasi (gif). Gambar bisa juga merupakan gambar tunggal di bagian area halaman atau memenuhi area halaman sebagai background. Untuk memanggil file gambar tunggal kita dapat menggunakan kode-kode perintah berikut:
<IMG SRC = "nama file gambar">
Sedangkan untuk memanggil file gambar sebagai background dapat kita tuliskan mantra-mantra berikut:

<body background = "nama file gambar">

Berikut ini adalah contoh program sederhana untuk memanggil gambar dan background dalam kode HTML:

<html>
<head>
<title>
Homepage Aku
</title>
</head>
<body background = "gambar1.jpg">
<center>
<h1>Homepage Ku </h1>
<IMG SRC = "gambar2.gif">
Inilah <b>Homepage<b> Aku <i>Yang Pertama </>
</center>
<body>
</html>

Pada kode di atas terlihat bahwa gambar1 kita panggil untuk dijadikan background sedangkan gambar2.gif untuk animasi. Kedua-duanya tampil di halaman body atau dokumen.

7 Responses to "Memasukkan Gambar dan Background pada HTML"

  1. UnknownDecember 18, 2017 at 1:24 PM

    gampang banget ternyata cara nambahin background pada tampilan html kita

    ReplyDelete
  2. mbluakrakMay 5, 2018 at 6:57 PM

    kalau gambarnya bersebelahan dengan text bagaimana? tetapi masih didalam tabel

    ReplyDelete
  3. sewa mobil batu malangMay 5, 2018 at 7:00 PM

    kalau menaruh gambar dalam tabel bagaimana?

    ReplyDelete
  4. Sekaput AlamMarch 3, 2020 at 5:57 PM

    Terimakasih atas artikel yang sangat bermanfaat ini, saya jadi bisa mengetahui bagaimana cara memasukan gambar ke dalam html dengan mudah dan benar, sebelumnya saya ingin memperkenalkan diri saya Candra ardiansyah Mahasiswa Stmik Atma Luhur, sekali lagi saya bertrimakasih dan saya puas dengan kunjungan saya semoga kedepannya web ini lebih berkembang lagi, dan jangan lupa mampir ke web kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  5. Penjilat KapitalisJune 1, 2020 at 1:00 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  6. sudinJune 30, 2020 at 2:30 PM

    jasa potong rumput depok

    ReplyDelete
  7. androp00September 16, 2020 at 3:32 PM

    kok kepotong yak

    ReplyDelete