this → Artikel Baru – ( Atrikel Lama ↓ )

Cara Mengatur Gambar Latar Belakang HTML

Pada materi ini peserta didik akan belajar bagaimana cara untuk menambahkan dan pengatur ukuran gambar pada web dengan menggunakan kode HTML. Web yang telah dibuat menggunakan teks editor dapat diberi gambar pada latar belakangnya dengan cara mengubah nilai atribut BACKGROUND pada tag <body>. Sebelum melakukan latihan kali ini, persiapkanlah sebuah gambar dengan tipe file JPG, ataupun tipe lainnya yang kompatibel dengan kode program html pada perangkat editor. Setelah selesai, peserta didik selanjutnya mengubah nama file gambar yang telah dipersiapkan tersebut dengan nama file gambarku.jpg, dan simpan gambar tersebut ke dalam sebuah folder dengan nama PROGRAMGAMBAR, dengan lokasi folder pada komputer adalah D:\ PROGRAMGAMBAR seperti diperlihatkan pada gambar 1.

Gambar lokasi folder dari gambar yang akan disimpan untuk membuat web
Gambar 1 Lokasi folder dari file gambar

Setelah selesai lakukan instruksi selanjutnya seperti berikut ini:
satu, Jalankan Notepad.
dua, Ketik kode program berikut ini:

<html>

 

<head>

<title>Mengatur gambar latar belakang web</title>

</head>

 

<body background="gambarku.jpg">

Web dengan latar belakang gambar

</body>

 

</HTML>


tiga, Simpan dengan nama file latihan5.html pada folder anda.
empat, Jalankan file latihan5.html pada web browser.

Komentar

  1. Balasan
    1. Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

      Hapus
  2. Apa fungsi atribut background pada laman html?

    BalasHapus
    Balasan
    1. Fungsi atribut background pada laman html juga dapat digunakan untuk mengontrol latar belakang elemen pada laman html, khususnya badan (BODY) halaman dan latar belakang tabel. Perancang web dapat juga dapat menggunakan gambar untuk mengatur latar belakang halaman atau tabel HTML yang dibuat.

      Hapus
  3. Apa yang dimaksud dengan background color pada website?

    BalasHapus
    Balasan
    1. Properti background color pada website atau laman html adalah properti dari atribut background yang digunakan untuk mengatur warna latar belakang sebuah elemen. Latar belakang elemen sendiri adalah ukuran total suatu elemen pada laman html, termasuk juga padding dan batas atau border.

      Hapus
  4. Apa yang dimaksud dengan bgcolor? apakah berbeda dengan background?

    BalasHapus
    Balasan
    1. Atribut bgcolor HTML adalah atribut yang digunakan untuk mengatur warna latar belakang elemen HTML. BGCOLOr adalah salah satu atribut yang sudah tidak digunakan lagi, dan digantikan penggunaannya dengan CSS.

      Hapus
  5. saya telah menyelesaikan latihan 5, dan gambar html tersebut telah muncul pada bagian layar background, namun yang yang muncul malah double, apakah praktik yang telah saya lakukan benar?

    BalasHapus
    Balasan
    1. iya sudah benar, prihal gambar background yang muncul double atau lebih dari satu namun dengan bentuk gambar yang sama, hal ini terjadi karena ukuran gambar yang digunakan untuk menutupi latar belakang atau background terlalu kecil sehingga web browser membuatnya double, begitupun sebaliknya jika ukuran gambar terlalu besar, maka sebagian dari gambar yang ditampilkan akan terpotong.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

Catatan: setiap iklan yang ditayangkan pada blog ini bersumber dari google adsense. Dengan jenis iklan yang dipilih adalah, sebagai berikut.

POIN 1, Iklan yang ditampilkan hanya boleh berbahasa indonesia atau berbahasa inggris. Tidak menerima jenis iklan dalam bahasa yang lain selain yang telah disebutkan karena blog ini dibuat untuk para pengunjung dari negara atau orang yang berbahasa Indonesia.

POIN 2, Setiap gambar yang ditampilkan pada iklan sifatnya tidak mengganggu para pengunjung yang melihat blog, atau tidak boleh menampilkan gambar yang bersifat menjijikkan atau merangsang rasa mual.

POIN 3, Jenis iklan yang dipasang bukan merupakan iklan spam, atau berisi dan mengarahkan pengunjung ke alamat yang berbahaya atau bersifat penipuan.

POIN 4, Segala bentuk iklan tunduk dan patuh pada ketentuan dari pihak Adsense google dan pemilik blog.

POIN 5, Segala jenis iklan yang tidak bertentangan dengan poin 1-4 yang dijelaskan sebelumnya, maka iklan tersebut dapat ditampilkan pada blog.



~ Ikatlah Ilmu dengan Memostingkannya ~

Hot Artikel

Enkapsulasi pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C

10 Aturan Utama Penggunaan Overriding pada Java

5 Cara Konversi Tipe Data pada Java

6 Aturan Penting Switch Statement pada Java

Perbedaan Antara int main() dan int main(void) pada Bahasa C

Penjelasan Singkat tentang Konsep Asosiasi, Komposisi, dan Agregasi pada Java