Penggunakan TAG Pada HTML 2 - Memberi Warna Background atau Gambar Background pada HTML

Menyambung dari materi TAG yang pertama saya akan memberikan beberapa contoh-contoh penggunaan TAG pada HTML, memberi warna background dan memberi gambar background pada halaman html. Tentunya untuk mempercantik halaman situs diperlukan warna2 atau gambar2 sebagai background supaya lebih menarik pengunjung juga. Perintah dasar memberi warna dan gambar adalah attribut BGCOLOR dan BACKGROUND. Karena yang akan diberi warna adalah BODY (tubuh) HTML maka attribut BGCOLOR dan BACKGROUND diletakkan pada tag <BODY>. Contoh penggunaannya akan dibahas dalam latihan berikut:
  1. Buat sebuah file dan berinama index.html di notepad dan copy code berikut:
  2.   
    <html>
    <head>
    <title>Managemen Background</title>
    </head>
    <body bgcolor="#ADE8E6">
    <h1><font color="#0000CD">Contoh Memberi Warna Background</font></h1>
    <p><font color="#000080">Tentunya untuk mempercantik halaman situs diperlukan 
    warna2 atau gambar2 sebagai background supaya lebih menarik pengunjung juga.</font></p>
    </body>
    </html>
    
    code yang digunakan membuat background color adalah bgcolor="#ADE8E6" untuk warnanya adalah #ADE8E6 ini bisa diganti-ganti sesuai keinginan.
  3. Berikut adalah membuat background berupa gambar,
  4. Buat sebuah file dan berinama index.html di notepad dan copy code berikut:
  5.   
    <html>
    <head>
    <title>Managemen Background</title>
    </head>
    <body background="./background.jpg">
    </body>
    </html>
    
Dalam membuat background gambar atau attached file ke code html kita akan mencari folder lokasi penempatan gambarnya atau file, dimana dalam hal itu kita harus menambahkan Relative Path:
  • Dalam direktori yg sama: ./
  • Dalam direktori sebelumnya: ../
Previous
Next Post »