Isi

• Langkah
• Nasihat
• Peringatan

Artikel ini akan menunjukkan cara mengubah warna font pada dokumen HTML. Meskipun tag font sudah usang dalam HTML, Anda dapat menggunakan CSS untuk menambahkan warna pada teks halaman HTML. Jika Anda menggunakan HTML versi lama, Anda dapat menggunakan tag font HTML sesuai kebutuhan.

Langkah

Metode 1 dari 2: Gunakan tag HTML

1. 

   Buat tag font. Set kartu di depan teks yang ingin Anda ubah warnanya. Tempatkan kartu penutup di belakang teks.
   • Seperti:
     Teks ini akan berwarna biru.

2. 

   
   
   Tambahkan atribut warna. Memasukkan color = "" ke dalam tab terbuka font. Warna yang Anda inginkan akan diberi tanda petik.
   • Sebagai contoh:
     color = ""Teks ini akan berwarna biru.

3. 

   
   
   Pilih nama warna. Nama warna selalu satu kata tanpa spasi. Cobalah sesuatu yang sederhana seperti "biru" (biru), "merah" (merah), atau nama deskriptif seperti "biru muda" atau "biru tua" (biru tua). Untuk opsi lainnya, cari daftar kata kunci warna yang dikenali, yang mencakup "merah marun" (coklat tua), "biru baja" (hijau abu-abu) dan "limau" (kuning muda).
   • Seperti:
     Teks ini akan berwarna biru.

4. 

   
   
   Gunakan kode warna hex. HTML memungkinkan Anda memilih dari jutaan warna, tetapi tidak semua warna memiliki nama. Sebaliknya, mereka menggunakan kode enam karakter yang ditulis dalam heksadesimal. Di web ada banyak situs web yang mencantumkan kode warna hex atau membiarkan Anda memilih warna pada layar dan menampilkan nilai hex. Kode ini dimulai dengan tanda # dan memiliki enam karakter, termasuk angka 0-9 atau huruf A-F.
   • Kode # FF0000 mewakili warna merah.
   • Kode ini menghasilkan teks berwarna hijau.
   • Kode ini menghasilkan teks berwarna biru.

5. 

   Bereksperimen dengan nilai RGB. Anda tidak perlu mengetahui cara kerja kode warna hex untuk dapat menggunakan pemilih warna online. Namun, jika Anda menginginkan pengalaman tersebut, Anda dapat mulai dengan yang dasar:
   • Setiap kode enam karakter dibagi menjadi nilai merah, hijau (hijau) dan biru ("RGB"). Misalnya, kode # FF0000 berarti "merah: FF hijau: 00 biru: 00."
   • Untuk mengubah jumlah merah, ubah dua karakter pertama. Anda dapat menggunakan nilai apa pun dari 00 (tanpa merah) hingga 99 (sedikit merah) atau huruf AA (kemerahan) hingga FF (jumlah maksimum merah).
   • Gunakan sistem yang sama untuk mengubah nilainya menjadi hijau (dua digit tengah) atau biru (dua digit terakhir).

6. 

   Dapatkan pemahaman yang lebih dalam tentang kode warna hex. Untuk memilih warna yang benar, Anda perlu mengetahui dua konsep berikut:
   • Setiap tiga nilai warna adalah dua digit. Jika Anda ingin membuat lebih sedikit penyesuaian, ubah saja digit kedua. Misalnya, # 850000 dan # 890000 sangat mirip, dan # A50000 akan sedikit lebih cerah.
   • Nilai RGB gabungan sama dengan sistem warna plus. Merah dan hijau akan menghasilkan kuning; biru dan hijau bentuk cyan; Merah dan biru akan menghasilkan warna merah anggur.
   iklan

Metode 2 dari 2: Gunakan elemen CSS sebaris

1. 

   Sisipkan atribut gaya di tag HTML. Properti style = "" memungkinkan Anda menggunakan CSS dalam dokumen HML. Berikut cara mudah untuk mengatur warna font meskipun Anda tidak tahu tentang CSS. Coba atur atribut style ke salah satu tag HTML:

   • Tag p digunakan untuk mengidentifikasi sepotong teks.

   • Tag a digunakan untuk membuat tautan.
   • Gunakan tag span untuk mewarnai bagian paragraf tanpa mengubah pemformatan.

2. 

   Penunjukan warna. Memasukkan warna: dengan nama warna atau kode heksadesimal di dalam tanda kutip. Untuk detail lebih lanjut tentang nama dan kode warna, lihat metode di atas atau coba contoh berikut:
   • Kode ini merupakan teks merah.
   • Kode ini menghasilkan warna hijau zaitun tua.
   • CSS mendukung pemendekan 3 digit. Kode warna 745 singkatan dari 774455.

3. 

   Gunakan kelas CSS dengan tipografi yang sering Anda gunakan. Jika Anda ingin mengatur gaya setiap keterangan gambar atau judul untuk suatu konten di halaman web yang besar, Anda tidak perlu mengetikkan seluruh kode berulang kali. Sebagai gantinya, tentukan kelas CSS di awal teks, sehingga Anda dapat memanggil kelas hanya dengan satu singkatan setiap kali Anda ingin menggunakan gaya itu. Berikut adalah contoh yang menunjukkan beberapa penggunaan baru atribut style:
   • Di bagian dari dokumen HTML, tempel kode berikut:
     
   • Selanjutnya, di badan teks, gunakan atribut untuk menambahkan gaya ini sebagai elemen. Seperti,

     paragraf ini

     hijau tua, font Cursive (tulisan tangan) besar.
   • Perhatikan bahwa Anda dapat menggunakan kata apa pun selain "mewah" untuk mendeskripsikan jenis huruf.
   iklan

Nasihat

• Anda harus mencoba membuat halaman Anda mudah dibaca. Warna teks terang akan sulit dibaca pada warna putih, dan warna teks gelap akan sulit dibaca pada warna hitam.
• Komputer lama menampilkan batas 65.000 warna, sedangkan komputer lama menampilkan batas 256 warna. Namun, lebih dari 99% pengguna internet dapat melihat warna yang Anda tentukan.

Peringatan

• Elemen font tidak didukung pada standar DTD Ketat XHTML 1.0.