Memberi Warna dan Latar Belakang Huruf di Halaman Web HTML


Memberi Warna dan Latar Belakang Huruf di Halaman Web HTML

Warna huruf standar dalam halaman HTML selalu hitam. Sekalipun demikian, warna tersebut dapat diubah menggunakan perintah <FONT COLOR>...</FONT>  untuk memberikan warna merah, biru, hijau kuning, dan ungu. Pada awalnya, dalam HTML versi 3.2 hanya diperkenalkan sebanyak 16 warna.
Warna tersebut sebagai berikut :


daftar warna HTML


1. Aqua=aqua
2. Black=hitam
3. Blue = biru
4. Fuchsia=fuchsia
5. Gray=abu-abu
6. Green = hijau
7. Lime = lime
8. Maroon=maroon
9. Navy=biru tua
10. Olive=olive
11. Purple=ungu
12. Red=merah
13. Silver=perak
14. Teal =teal
15. White=putih
16. Yellow = kuning

Berikut ini contoh penggunaan perintah untuk mengganti warna text:

<HTML>
<h2> Warna</h2>
<Pre>
<FONT COLOR="red">Teks warna merah. </FONT>
<FONT COLOR="blue">Teks warna biru. </FONT>
<FONT COLOR="green" >Teks warna hijau.</FONT
<FONT COLOR= "yellow">Teks warna kuning. </FONT>
<FONT COLOR="violet >Teks warna ungu. </FONT>
<BODY >
</HTML>

Simpanlah file di atas dengan nama warna.html.

Selain menggunakan cara seperti di atas, terdapat cara lain yang dapat digunakan untuk membuat warna. Yaitu menggunakan hex code. Sedang cara penulisannya dimulai dengan karakter # kemudian diikuti kombinasi warna RGB (Red, Green, Blue). Setiap warna tersebut, intensitasnya berupa HEX-Karakter. Misalnya #FFEEA4 yang artinya intensitas Red (merah) = FF = 255, Green (hijau) = EE-238, Blue (biru) = A4-164.

Apabila kita menginginkan warna terang maka unsur F digunakan. Sebaliknya, jika warna gelap maka unsur 0 dipergunakan. Beberapa contoh warna menggunakan hex code seperti di bawah ini.

1. #FF0000      = Merah
2. #0000FF      = Biru
3. #FFFF00     = Kuning
4. #FFFFFF     = Putih
5. #00FFFF     = Cyan
6. #888888      = Abu-abu
7. #00FF00      = Hijau
8. #FF00FF     = Ungu
9. #FF8800      = Oranye
10. #000000    = Hitam
11. AA8800     = Cokelat
12. #004488    = Biru Tua

<html>
<h2 Memberi warna Teks dengan Kode Heksadesimal</h2>
<Pre>
<Font Color="#FF0000">Teks Warna Merah. </Font>
<Font Color-"#0080FF">Teks Warna Biru. </Font>
<Font Color="#00FF00">Teks Warna Hijau. </Font>
<Font Color= "#FFFF00">Teks Warna Kuning. </Font>
<Font Color-''#8080FF">Teks Warna Ungu. </Font>
</html>

Nah kalian bisa mencopy html diatas dan langsung mencobanya menggunakan notepad++.

Mengganti Latar Belakang Halaman

Latar belakang halaman website standar, defaultnya adalah berwarna putih. Dengan menggunakan latar belakang (background) maka website akan nampak semakin menarik. Untuk memasukkan latar belakang bisa menggunakan pilihan warna maupun gambar. Untuk mengubah latar belakang halaman dengan warna maka dapat digunakan perintah:

<body bgcolor-warna>

Berikut contoh penulisannya dalam halaman website:

<html>
<body bgcolor="#cc9900">
<p>Berikut adalah contoh membuat latar belakang
dengan warna</p>
sp>Warna adalah spektrum tertentu yang terdapat di
dalam suatu cahaya sempurna (berwarna putih).
Identitas suatu warna ditentukan panjang gel ombang
cahaya tersebut. Sebagai contoh warna biru memiliki
panjang gelombang 460 nanometer
</p>
</html>

Jika Anda menghendaki agar latar belakang halaman ingin diganti dengan gambar atau image, maka dapat dilakukan menggunakan perintah <body background=" "> .
Caranya ialah tempatkan program di bawah ini bersama dengan file gambar yang akan ditampilkan dalam satu lokasi.

<html>
<body background-"logo uc_1.gif">
<h2 menggunakan gambar sebagai latar belakang
</h2>
</html

Simpanlah file di atas dengan nama latar.html

Mungkin sampai disini saja pembahasan kita kali ini, semoga kalian bisa memahami apa yang saya jelaskan, semoga artikel ini dapat menambah wawasan dan ilmu pengetahuan kita semua ya, terimakasih saya ucapkan kepada sobat yang sudah berkunjung pada artikel ini.
loading...
loading...
loading...