Cara Membuat Background Warna HTML

-
Cara Membuat Latar Belakang warna dan Image Dengan HTML


oleh : Radarbolang

1. BACKGROUND WARNA 

Next...
sekarang kita akan membuat warna latar belakang dokumen html dengan menggunakan warna dasar atau solid saja seperti merah, kuning, hijau dan lain-lain


Elemen Body

<body text="v"  bgcolor="w"  background="url"  link="x"  alink="y" vlink="z">
Teks.....
</body>

Attribute:
  • text untuk memberikan warna pada teks.
  • bgcolor untuk memberikan warna pada latarbelakang dokumen HTML.
  • background untuk memberikan latarbelakang dokumen HTML dalam  bentuk gambar.
  • link  untuk memberikan nilai warna untuk link.
  • alink untuk memberikan warna untuk link yang sedang aktif.
  • vlink untuk memberikan warna untuk link yang telah dikunjungi.


Note:
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

Note:
Pertama, sebelum membuat background gambar , Letakkan dahulu gambar yang teman-teman akan pakai ke dalam satu folder file HTML, karena jika tidak , gambar tidak tampil.


Coba Contoh Berikut!
Script Background dokumen HTML menggunakan Warna: 

<html>
                <head>
                <title> Membuat Background Warna</title>
</head>
<body bgcolor=”Yellow”>
                Silahkan coba warna apa saja, dan bisa juga menggunakan kode warna heksadesimal (#099)
</body>
</html>


2. BACKGROUND GAMBAR (IMAGE)

Nah yang kedua sekarang membuat latar belakang halaman HTML dengan Gambar, terserah teman-teman mau pakai gambar apa saja. 

Background dokumen HTML menggunakan Gambar:

<html>
                <head>
                <title>Membuat Background Gambar</title>
</head>
<body background=”apel.jpg”>
Untuk membuat <b> Background Gambar</b> perlu di <b><i> ingat</i></b>,
<p>letakkan file gambar yang kamu ingin buat background di <b> folder HTML</b> atau ringkasnya <b> satu folder dengan file HTML kamu</b></p>

</body>
</html>


Gimana teman-teman, sekarang sudah bisa bedakan kan?
kalau bgcolor itu untuk latar belakang warna, sedangkan yang background digunakan untuk latar belakang halaman HTML berupa gambar.
Kalo masih kurang jelas bisa ditanyakan langsung, monggo,,;)

Semoga bermanfaat
Selamat mencoba dan jangan lelah mencoba



Salam Radar :)

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Tabel, Colspan, dan Rowspan

-
Gambar
Cara Membuat TABEL , COLSPAN, dan ROWSPAN di HTML oleh : Radarbolang Fungsi Tabel dalam HTML: Fungsi tabel dalam HTML yaitu digunakan untuk menyajikan data dalam bentuk kolom dan baris. Tujuannya agar informasi dapat ditampilkan secara terstruktur, ringkas, dan mudah dibaca.  dibawah ini merupakan contoh tabel dasar : Membuat Tabel Sederhana Sekarang kita coba buat tabel sederhana dulu ya gan. Alon-alon :D Berikut adalah format dasar dari sebuah tabel:  Tag yang diperlukan adalah  <tr>(tabel row) untuk membuat garis <td>(tabel data) untuk membuat kolom <html> <head> <title> Membuat tabel sederhana</title> </head> <body > <table border=1>                 <tr>                 <td>Baris1 kolom1...
Baca selengkapnya

Elemen-Elemen CSS dan Contoh Script CSS

-
Gambar
Contoh Script CSS  dan  Elemen-elemen CSS Oleh : Radarbolang Dalam artikel kali ini ane membagikan   contoh script CSS untuk satu dokumen Html dan Elemen-elemen HTML. CSS dapat didefinisikan untuk satu halaman secara keseluruhan hanya dengan menambahkan suatu definisi style pada bagian head dokumen HTML. Berikut Scriptnya , Coba langsung ya gan! <html>   <head>      <title>Penggunaan CSS untuk satu halaman Web</title>      <style type="text/css">                 .headlines, .sublines, .infotext {                 font-family:arial;                 color:blue;              ...
Baca selengkapnya

Cara Menyimpan Dokumen HTML

-
Gambar
Cara Menyimpan Dokumen HTML dengan ekstensi PHP oleh : Radarbolang Selamat pagi gals, ohayou gozaimasu,,hehe Setelah berkeliling melintasi khatulistiwa nusantara dan menikmati indahnya Nusantara ane mau berbagi nih ‘Gimana cara menyimpan dokumen HTML dengan ekstensi php’, jadi biar bisa dibuka lewat XAMPP.   mungkin yang udah  Mastah ini adalah hal mudah dan spele ya,,hehe Tapi untuk pemula, termasuk ane,  masih bingung pas pertama kali belajar web dasar gimana menyimpan dokumen htmlnya biar bisa dicek juga  di browser. Langkah-Langkah: Setelah selesai mengedit di Notepad Pada file pilih save atau save as, disini ane pake save as, selanjutnya buka localdisk c, seperti gambar di bawah : Setelah sudah masuk ke localdisk c atau sebut saja sistem, sekarang kita pilih folder Xampp yang biasanya terletak di bawah sendiri, silahkan scroll ke bawah, seperti gambar di bawah, kemudian klik Belum selesai, saat sudah masuk fo...
Baca selengkapnya