Beranda · Microsoft Office · Aljabar · Fisika · Jaringan Komputer · Elektronika Dasar · Sistem Operasi · NoteBook

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. gampang banget ternyata cara nambahin background pada tampilan html kita

    ReplyDelete
  2. kalau gambarnya bersebelahan dengan text bagaimana? tetapi masih didalam tabel

    ReplyDelete
  3. kalau menaruh gambar dalam tabel bagaimana?

    ReplyDelete
  4. 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. This comment has been removed by a blog administrator.

    ReplyDelete