Cara Membuat Tulisan Berwarna

Yosefa Ferdianto Senin, 31 Desember 2012
Cara Membuat Tulisan Berwarna - Cascading Style Sheets (CSS) biasanya metode yang disukai untuk mengubah warna tulisan. Tetapi selain dengan CSS, HTML juga dapat melakukan hal tersebut. Hal yang dibutuhkan untuk membuat tulisan berwarna adalah:
1. Perintah untuk mengubah warna tulisan.
2. Kode warna.

Cara Membuat Tulisan Berwarna

Cara membuat tulisan berwarna dengan HTML
1. Pilih warna yang akan digunakan untuk font Anda. Font HTML umumnya digambarkan menggunakan kode heksadesimal yang diterjemahkan ke dalam warna RGB. Ada 6 karakter untuk setiap warna yang diberikan.
Misalnya, merah murni = ff0000, hijau murni = 00FF00, dan murni biru = 0000FF. Dalam hex, 00 = nol, dan ff = 255, nilai maksimum untuk definisi warna RGB. Jika jumlahnya semakin tinggi, semakin cerah warnanya. Misalnya, ffffff = putih murni, sedangkan 000000 = hitam murni.
Semua warna yang dibuat, adalah hasil dari berbagai kombinasi di atas.

2. Tambahkan tag warna untuk HTML Anda. Kita akan menggunakan kalimat "alay adalah anak lebay" sebagai contoh. Kita akan membuat kata "anak lebay" berwarna emas (gold). Kita akan menggunakan tag <font> untuk melakukan hal ini, kodenya sebagai berikut:
alay adalah <font color="KODEWARNA">anak lebay</font>.
Contohnya adalah sebagai berikut:
alay adalah <font color="gold">anak lebay</font>.
Maka hasilnya akan terlihat seperti ini:
alay adalah anak lebay.

Tag HTML lain yang dapat digunakan untuk membuat tulisan berwarna adalah tag span, p, center, div dan lain-lain.
Contoh:
alay adalah <span style="color: gold">anak lebay</span>

Hasilnya:
alay adalah anak lebay

Untuk membuat tulisan berwarna dalam jumlah besar, lebih disarankan untuk menggunakan CSS. Karena supaya tidak boros dalam penggunaan kode.

Cara Membuat Tulisan Berwarna

Cara membuat tulisan berwarna dengan CSS
Pertama, pilih tulisan apa yang ingin diubah. Misalnya Anda ingin mengubah semua warna tulisan di halaman web Anda menjadi warna biru, Anda dapat menggunakan kode berikut.
<style type="text/css">
body {color: blue;}
</style>

Letakkan kode tersebut setelah kode <head>. Atau, letakkan kode body {color: blue;} di file CSS yang Anda gunakan. Dan blue pada kode di atas dapat diganti dengan kode warna lain.
Jika Anda ingin mengubah warna tulisan yang menggunakan tag <p> pada halaman web Anda, bisa menggunakan kode berikut.
p {color:#ff0000;}

#ff0000 bisa diganti dengan kode warna lain. Untuk mengetahui kode-kode warna lain yang dapat digunakan, bisa dengan melakukan pencarian di Google.

9 komentar:

  1. Ane dah tau sob

    ane biasana pke <font color

    tapi mantep bos postingana

    BalasHapus
  2. Wah jadi bingung nih ane sob
    http://Switri.mywapblog.com/

    BalasHapus
  3. Makasih gan tutorialnya...sangat membantu...lanjuttttt

    BalasHapus
  4. Manteb bos,, blog ane jadi lebih berwarna
    Makasi banget ya

    BalasHapus
  5. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus