Cara menggunakan tag warna font dalam HTML

Isi

• tahap
• Metode 1 Gunakan tag HTML
• Metode 2 Gunakan CSS dalam tag

Tag font HTML sekarang sudah usang dan pengembang profesional harus menghindari menggunakannya. Meskipun sangat mudah untuk mengubah warna font pada proyek pribadi, tidak ada jaminan bahwa font akan terus berfungsi saat peramban web diperbarui. Untuk hasil terbaik, Anda harus menggunakan metode dengan CSS.

tahap

Metode 1 Gunakan tag HTML

1. 
   

   
   Buat tag font. Pasang tag di depan e yang ingin Anda warnai. Tutup dengan meletakkan di akhir e.
   • Sebagai contoh:
     Saya ingin ini berwarna biru

2. 
   

   
   Tambahkan atribut untuk warna. menambahkan warna = "" di dalam tag pembuka. Anda kemudian harus meletakkan warna pilihan Anda dalam tanda kutip (dalam bahasa Inggris).
   • Sebagai contoh:
     Saya ingin ini berwarna biru

3. 
   

   
   Pilih nama warnanya. Itu selalu kata sederhana dalam bahasa Inggris, tanpa spasi. Coba nama-nama sederhana seperti "biru", "merah" atau sesuatu yang lebih spesifik seperti "cahaya biru" (biru tua) atau "gelap biru" (biru tua). Untuk lebih banyak pilihan, temukan daftar nama warna yang diterima seperti merah marun, baja biru dan kapur.
   • Sebagai contoh:
     Saya ingin ini berwarna biru

4. 
   

   
   
   
   Gunakan kode heksadesimal sebagai gantinya. HTML memungkinkan Anda memilih dari jutaan warna, tetapi tidak selalu ada nama untuknya. Sebagai gantinya, Anda akan menggunakan kode enam digit dalam sistem yang disebut heksadesimal. Ada banyak situs web yang menawarkan daftar kode heksadesimal untuk warna, atau Anda bahkan dapat memilih warna secara langsung di layar untuk mendapatkan kode. Angka dimulai dengan simbol # diikuti oleh enam digit yang terdiri dari digit dari 0 hingga 9 dan huruf d hingga F.
   • Kode # FF0000 sama dengan warna merah bertanda "merah".
   • Kode ini menghasilkan warna hijau.
   • Kode ini membuat e berwarna biru.

5. 
   

   
   Mainkan dengan nilai RGB. Anda tidak perlu tahu bagaimana kode warna heksadesimal bekerja untuk memilih warna yang Anda suka pada palet yang Anda temukan di Internet. Namun, jika Anda ingin melakukan beberapa percobaan, Anda harus mulai dengan dasar-dasarnya.
   • Setiap angka enam digit dibagi menjadi nilai untuk merah, hijau, dan biru (atau "RGB" untuk "merah, hijau, biru"). Misalnya, kode # FF0000 sebenarnya berarti "merah: FF, hijau: 00, biru: 00".
   • Untuk mengubah jumlah merah, ubah dua digit pertama. Anda dapat menggunakan nilai antara 00 (tanpa merah sama sekali) dan 99 (sedikit merah) dan antara AA (sedikit lebih merah) dan FF (maksimum merah).
   • Gunakan sistem yang sama untuk mengubah nilai hijau (dua digit tengah) dan biru (dua digit terakhir).

6. 
   

   
   
   
   Pahami kode secara mendalam. Untuk mendapatkan pemilihan warna yang lebih akurat, Anda perlu memahami dua konsep lainnya.
   • Masing-masing dari ketiga nilai ini dibuat dari angka dua digit. Untuk melakukan pengeditan kecil, Anda dapat mengubah digit kedua. Sebagai contoh: #850000 dan #890000 sangat mirip tetapi # a50000 jauh lebih jelas.
   • Nilai RGB dicampur berdasarkan sistem sintesis warna aditif. Merah dan hijau kuning, make biru dan hijau cyan dan merah dan biru magenta .

Metode 2 Gunakan CSS dalam tag

1. 
   

   
   Masukkan atribut "style" di tag. Atribut ini memungkinkan Anda untuk menempatkan CSS secara langsung ke dalam tag HTML. Ini adalah cara sederhana untuk mengubah warna walaupun Anda tidak tahu CSS. Coba letakkan di salah satu tag berikut:

   • tag p mengelilingi paragraf dengan e

   • tag telah mengelilingi tautan
   • gunakan tag rentang untuk mengubah warna bagian e tanpa mengubah format

2. 
   

   
   Tunjukkan warnanya. Insert warna: diikuti dengan nama warna atau kode heksadesimal di dalam tanda kutip. Untuk informasi lebih lanjut tentang nama warna, lihat contoh di metode sebelumnya.
   • E sekarang berwarna merah.
   • Berikut adalah kode untuk hijau zaitun gelap.
   • CSS mendukung kode warna pendek tiga digit. Kode 745 adalah singkatan dari 774455.

3. 
   

   
   Gunakan kelas CSS. Jika Anda ingin menerapkan gaya yang sama untuk semua foto atau semua judul bab, Anda tidak perlu mengulang kode yang sama setiap kali. Sebagai gantinya, Anda bisa mendefinisikan kelas di header dokumen sehingga Anda bisa merujuknya nanti kapan pun Anda ingin menerapkan gaya yang sama. Berikut adalah contoh untuk memperlihatkan beberapa penggunaan atribut "style".
   • Di bagian ini halaman HTML Anda, salin kode berikut:
     
   • Di badan dokumen yang sama, gunakan atribut untuk menambahkan gaya ini ke item. Sebagai contoh:

     paragraf ini

     akan muncul berwarna hijau gelap dengan font Cursive yang lebar.
   • Ketahuilah bahwa Anda tidak harus menyebut kelas Anda "mewah", Anda dapat memberikannya nama yang Anda inginkan.