Cara menggunakan tag warna font dalam HTML

Kandungan

• peringkat
• Kaedah 1 Gunakan tag HTML
• Kaedah 2 Gunakan CSS dalam tag

Tag font HTML kini sudah usang dan pemaju profesional harus mengelak daripada menggunakannya. Walaupun sangat mudah untuk mengubah warna font pada projek peribadi, tidak ada jaminan bahawa ia akan terus berfungsi sebagai kemas kini pelayar web. Untuk hasil terbaik, anda harus menggunakan kaedah dengan CSS.

peringkat

Kaedah 1 Gunakan tag HTML

1. 
   

   
   Buat tag fon. Letakkan teg di hadapan e yang anda mahu warna. Tutupnya dengan meletakkannya pada akhir e.
   • Sebagai contoh:
     Saya mahu ini menjadi biru

2. 
   

   
   Tambah atribut untuk warna. menambah warna = "" di dalam tag pembuka. Anda mesti meletakkan warna pilihan anda dalam tanda petikan (dalam bahasa Inggeris).
   • Sebagai contoh:
     Saya mahu ini menjadi biru

3. 
   

   
   Pilih nama warna. Ia sentiasa perkataan mudah dalam bahasa Inggeris, tanpa ruang. Cuba nama mudah seperti "biru", "merah" atau sesuatu yang lebih spesifik seperti "lightblue" (biru gelap) atau "darkblue" (biru gelap). Untuk lebih banyak pilihan, cari senarai nama warna yang diterima seperti maroon, steelblue dan kapur.
   • Sebagai contoh:
     Saya mahu ini menjadi biru

4. 
   

   
   
   
   Gunakan kod heksadesimal sebaliknya. HTML membolehkan anda memilih dari berjuta-juta warna, tetapi tidak selalu nama untuk mereka. Sebaliknya, anda akan menggunakan kod enam angka dalam sistem yang dipanggil hexadecimal. Terdapat banyak laman web yang menawarkan senarai kod heksadesimal untuk warna, atau anda juga boleh memilih warna terus pada skrin anda untuk mendapatkan kod. Nombor bermula dengan simbol # diikuti oleh enam digit yang terdiri daripada digit dari 0 hingga 9 dan huruf d ke F.
   • Kod # FF0000 adalah sama dengan warna merah yang ditandakan "merah".
   • Kod ini menjana warna hijau.
   • Kod ini menjadikan e berwarna biru.

5. 
   

   
   Bermain dengan nilai RGB. Anda tidak perlu tahu bagaimana kod warna heksadesimal berfungsi untuk memilih warna yang anda suka pada palet yang anda temukan di Internet. Walau bagaimanapun, jika anda mahu melakukan beberapa eksperimen, anda mesti bermula dengan asas-asasnya.
   • Setiap nombor enam angka dibahagikan kepada nilai-nilai untuk merah, hijau, dan biru (atau "RGB" untuk "merah, hijau, biru"). Sebagai contoh, kod # FF0000 sebenarnya bermaksud "merah: FF, hijau: 00, biru: 00".
   • Untuk menukar jumlah merah, tukar dua digit pertama. Anda boleh menggunakan nilai antara 00 (tidak merah sama sekali) dan 99 (sedikit merah) dan antara AA (lebih sedikit merah) dan FF (maksimum merah).
   • Gunakan sistem yang sama untuk menukar nilai hijau (dua angka tengah) dan biru (dua digit terakhir).

6. 
   

   
   
   
   Fahami kod secara mendalam. Untuk mendapatkan pemilihan warna yang lebih tepat, anda perlu memahami dua konsep lain.
   • Setiap tiga nilai ini dibuat dari dua angka. Untuk membuat pengeditan kecil, anda boleh menukar digit kedua. Sebagai contoh: #850000 dan #890000 sangat serupa tetapi # A50000 lebih jelas.
   • Nilai RGB bercampur berdasarkan sistem sintesis warna aditif. Membuat merah dan hijau kuning, membuat biru dan hijau cyan dan membuat merah dan biru magenta .

Kaedah 2 Gunakan CSS dalam tag

1. 
   

   
   Sisipkan atribut "gaya" dalam tag. Atribut ini membolehkan anda meletakkan CSS secara langsung ke dalam tag HTML. Ini cara mudah untuk menukar warna walaupun anda tidak tahu CSS. Cuba letakkannya dalam salah satu daripada tag berikut:

   • tag p mengelilingi perenggan dengan e

   • tag telah mengelilingi pautan
   • gunakan tag span untuk menukar warna bahagian e tanpa mengubah format

2. 
   

   
   Tunjukkan warna. Insert warna: diikuti dengan nama warna atau kod heksadesimal di dalam tanda petikan. Untuk maklumat lanjut mengenai nama warna, lihat contoh dalam kaedah sebelumnya.
   • Kini kini berwarna merah.
   • Berikut adalah kod hijau zaitun yang gelap.
   • CSS menyokong kod warna tiga angka yang dipendekkan. Kod 745 ialah singkatan 774455.

3. 
   

   
   Gunakan kelas CSS. Sekiranya anda ingin menggunakan gaya yang sama untuk semua gambar atau semua tajuk bab, anda tidak perlu mengulangi kod yang sama setiap kali. Sebaliknya, anda boleh menentukan kelas dalam tajuk dokumen supaya anda boleh merujuknya kemudian bila-bila masa anda mahu menggunakan gaya yang sama. Berikut ialah contoh untuk menunjukkan beberapa kegunaan atribut "gaya".
   • Dalam bahagian ini halaman HTML anda, salin kod berikut:
     
   • Dalam badan dokumen yang sama, gunakan atribut untuk menambah gaya ini kepada item tersebut. Sebagai contoh:

     perenggan ini

     akan muncul dalam hijau gelap dengan font Kursif yang luas.
   • Ketahui bahawa anda tidak perlu memanggil kelas anda "mewah", anda boleh memberikan nama yang anda mahukan.