3 Cara Menggunakan Tag Warna Font dalam HTML

Daftar Isi:

3 Cara Menggunakan Tag Warna Font dalam HTML
3 Cara Menggunakan Tag Warna Font dalam HTML

Video: 3 Cara Menggunakan Tag Warna Font dalam HTML

Video: 3 Cara Menggunakan Tag Warna Font dalam HTML
Video: Cara Menghilangkan Objek Yang Mengganggu Pada Foto Tanpa Aplikasi 2024, April
Anonim

Artikel wikiHow ini akan mengajarkan kepada Anda cara mengubah warna font pada dokumen HTML Anda. Meskipun tag font HTML sudah usang di HTML5, Anda dapat menggunakan CSS untuk menambahkan warna pada teks halaman HTML Anda. Jika Anda bekerja dengan versi HTML yang lebih lama, Anda dapat menggunakan tag warna font HTML sesuai kebutuhan.

Langkah

Metode 1 dari 2: Menggunakan CSS

122247 1 1
122247 1 1

Langkah 1. Pilih warna untuk teks Anda

Meskipun Anda dapat menggunakan warna dasar (mis., "merah") untuk mewarnai teks, Anda harus menggunakan generator warna HTML untuk nuansa yang lebih bernuansa:

  • Buka https://www.w3schools.com/colors/colors_picker.asp di browser web komputer Anda.
  • Pilih warna dasar yang ingin Anda gunakan dalam segi enam di bagian atas halaman.
  • Gulir ke bayangan yang ingin Anda gunakan di sisi kanan halaman.
  • Perhatikan kode enam karakter di sebelah kanan bayangan.
122247 2 1
122247 2 1

Langkah 2. Buka dokumen HTML Anda

Ini harus menjadi dokumen yang ingin Anda ubah warna fontnya.

Jika Anda belum memiliki dokumen HTML, buatlah sebelum melanjutkan

122247 3 1
122247 3 1

Langkah 3. Temukan teks yang ingin Anda warnai

Gulir dokumen Anda hingga Anda menemukan paragraf, header, atau bentuk teks lain yang ingin Anda warnai.

122247 4 1
122247 4 1

Langkah 4. Perhatikan tag teks

Misalnya, jika teksnya adalah header, Anda akan melihat"

" di depannya.

122247 5 1
122247 5 1

Langkah 5. Tambahkan bagian "head" dan "style" ke bagian atas dokumen

Anda dapat melakukannya dengan mengetik di bawah tag "", menekan Enter, mengetik di bawah tag "", menekan Enter dua kali, dan mengetikkan tag penutup untuk keduanya. Hasil akhir Anda akan terlihat seperti ini:

     
122247 6 1
122247 6 1

Langkah 6. Masukkan tag gaya "warna"

Klik spasi di antara tag "", lalu masukkan kode berikut (pastikan untuk mengganti warna merah dengan kode warna Anda dan"

" dengan tag untuk teks yang ingin Anda warnai):


{ warna merah; }

122247 7 1
122247 7 1

Langkah 7. Tinjau dokumen Anda

Header halaman Anda akan terlihat seperti ini:

     
122247 8 1
122247 8 1

Langkah 8. Satukan warna teks tubuh

Jika Anda ingin membuat semua teks isi dokumen Anda dengan warna yang sama, masukkan kode berikut dengan warna pilihan Anda sebagai pengganti hitam:

tubuh { warna: hitam; }

Metode 2 dari 2: Menggunakan Tag HTML

122247 9 1
122247 9 1

Langkah 1. Pilih warna untuk teks Anda

Meskipun Anda dapat menggunakan warna dasar (misalnya, "merah") untuk mewarnai teks, Anda harus menggunakan generator warna HTML untuk nuansa yang lebih bernuansa:

  • Buka https://www.w3schools.com/colors/colors_picker.asp di browser web komputer Anda.
  • Pilih warna dasar yang ingin Anda gunakan dalam segi enam di bagian atas halaman.
  • Gulir ke bayangan yang ingin Anda gunakan di sisi kanan halaman.
  • Perhatikan kode enam karakter di sebelah kanan bayangan.
122247 10 1
122247 10 1

Langkah 2. Buka dokumen HTML Anda

Ini harus menjadi dokumen yang ingin Anda ubah warna fontnya.

Jika Anda belum memiliki dokumen HTML, buatlah sebelum melanjutkan

122247 11 1
122247 11 1

Langkah 3. Temukan teks yang ingin Anda warnai

Gulir dokumen Anda hingga Anda menemukan paragraf, header, atau bentuk teks lain yang ingin Anda warnai.

122247 12 1
122247 12 1

Langkah 4. Tambahkan tag "font" yang terbuka

Klik langsung di sebelah kiri teks yang ingin Anda warnai, lalu ketik berikut ini (pastikan untuk mengganti warna merah dengan warna pilihan Anda):

122247 13 1
122247 13 1

Langkah 5. Tutup tag "font"

Klik spasi di sebelah kanan akhir teks yang Anda warnai, lalu ketik di sana.

Teks ini berwarna merah!

Contoh Kode HTML

Image
Image

Kode Warna Huruf HTML

Video - Dengan menggunakan layanan ini, beberapa informasi dapat dibagikan dengan YouTube

Tips

  • Cobalah untuk membuat halaman Anda mudah dibaca. Warna-warna cerah sulit dibaca pada latar belakang putih, dan warna-warna gelap sulit dibaca pada latar belakang hitam.
  • Kode warna HTML dipecah sebagai berikut: dua karakter pertama mengacu pada warna merah, dua karakter kedua mengacu pada hijau, dan dua karakter terakhir mengacu pada biru. Anda dapat menggunakan apa saja dari "00" hingga "99" untuk menunjukkan berapa banyak dari setiap warna yang Anda inginkan; menggunakan "FF" alih-alih nomor memanggil jumlah maksimum warna itu (misalnya, "0000FF" akan sebiru mungkin).
  • Layar komputer lama dibatasi hingga sekitar 65.000 warna, dan layar yang sangat tua dibatasi hingga 256. Namun, lebih dari 99% pengguna internet akan dapat melihat warna apa pun yang Anda tentukan.

Direkomendasikan: