Minggu, Oktober 20, 2019

Mengatur gambar latar belakang web

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:


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


DAFTAR RUJUKAN

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

8 komentar:

  1. 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
  2. Apasih 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
  3. 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
  4. 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

Respon komentar 7 x 24 jam, so please be patient :D

Footer Adsense