Dalam tutorial ini kita akan melihat atribut tag terakhir , yang menetapkan warna teks. Secara lalai, teks adalah hitam, yang dipaparkan pada latar belakang putih. Untuk menukar warna teks dalam html, anda perlu menggunakan atribut warna tag :
Untuk menetapkan warna, hanya nyatakan namanya, contohnya: merah, hijau, biru. Mari kita lihat contoh kecil:
Teks hijau
Teks merah
Teks ungu
Mari lihat hasilnya dalam penyemak imbas:
Teks dalam perenggan pertama bertukar hijau, perenggan kedua bertukar merah, dan perenggan ketiga bertukar ungu. Secara keseluruhan terdapat 16 nama warna asas dan 130 nama tambahan. Anda boleh melihat senarai penuh warna dalam jadual warna html.
Cara menunjukkan warna ini sangat mudah, tetapi sangat terhad. Oleh itu, untuk menukar warna dalam kod HTML, mereka sering menggunakan nombor perenambelasan yang didahului oleh tanda cincang (#), contohnya:
Menggunakan sebutan ini anda boleh mendapatkan lebih daripada 16 juta warna dan warnanya! Anda boleh mendapatkan kod warna menggunakan penukar warna HEX, yang tersedia di tapak, atau menggunakan palet warna dalam Photoshop. Mari lihat contoh dan tulis kod berikut:
Teks hijau
Teks merah
Teks ungu
Mari simpan fail dan lihat hasilnya:
Seperti yang anda lihat, kami menetapkan teks kepada warna yang sama seperti dalam contoh pertama, hanya di sini kami menggunakan sistem nombor perenambelasan, atau dengan kata lain, kami menetapkan warna dalam format HEX.
Sekarang anda telah belajar cara menukar warna teks dalam html dan pada akhir pelajaran saya cadangkan mengulang semua atribut tag , dan tetapkan beberapa parameter pada teks sekaligus, iaitu: fon, saiz dan warna. Tulis satu contoh:
Tetapkan fon teks, saiz dan warna
Tetapkan fon teks, saiz dan warna
Apabila membuat halaman web, anda perlu menghadapi pelbagai cabaran reka bentuk. Salah satu soalan biasa ialah cara menukar warna teks dalam HTML. Menyelesaikannya agak mudah, dan terdapat dua cara berbeza.
Menetapkan atribut gaya teks sebaris
Untuk memahami cara menukar warna teks dalam HTML, lihat sahaja senarai atribut medan teks. Di antara mereka terdapat beberapa nilai yang menentukan gaya teks yang disertakan dalam tag ini, yang dinyatakan di dalam kata kunci gaya.
Untuk menukar warna teks, hanya masukkan perkataan style="" dalam kawasan yang dipilih dalam medan teks di dalam teg pembukaan. Di dalam atribut ini, anda boleh menentukan nilai parameter yang berbeza - nilai atribut warna bertanggungjawab untuk menukar ton warna teks. Dengan menentukan parameter ini, selepas tanda titik bertindih anda mesti menentukan warna di mana semua aksara dalam medan ini akan diwarnakan. Dalam kes ini, apabila mentakrifkan warna, anda boleh menentukan kedua-dua nilai warna eksplisit, contohnya, merah atau kuning, dan nilai perenambelasannya, atau rgb.
Terlepas dari kaedah yang dipilih untuk menentukan warna, hasilnya akan sama jika naungan dipilih dengan cara yang sama. Oleh itu, ketiga-tiga contoh berikut akan membuat perubahan yang sama pada teks - warnakannya kuning.
1.
teks
2.
teks
3.
teks
Menukar Warna Menggunakan CSS
Menggunakan helaian gaya juga membolehkan anda memutuskan cara menukar warna teks dalam HTML. CSS disokong sepenuhnya oleh semua versi moden HTML, dan juga membolehkan anda menukar gaya beberapa elemen halaman sekaligus.
Untuk memahami cara menukar warna teks dalam HTML menggunakan CSS, anda tidak perlu memahami bahasa penampilan formal. Untuk menentukan atribut elemen tertentu, anda perlu membuat penerangan CSS yang ditulis di dalam teg
, dan ditakrifkan oleh teg