warna set html5

HTML5 ialah bahasa untuk mencipta kandungan web. Tetapan warna sangat penting untuk reka bentuk web. Dalam HTML5, warna boleh ditetapkan dalam pelbagai cara, termasuk menggunakan nama warna, nilai RGB, nilai perenambelasan dan nilai HSL.

Nama warna ialah salah satu kaedah paling mudah, ia adalah satu set nama warna yang dipratentukan, seperti merah, hijau, biru, dsb. Berikut ialah beberapa nama warna yang biasa digunakan dalam HTML5:

<font color="red">红色</font>
<font color="green">绿色</font>
<font color="blue">蓝色</font>
<font color="pink">粉色</font>
<font color="purple">紫色</font>

Cara lain untuk menetapkan warna ialah menggunakan nilai RGB. Nilai RGB terdiri daripada tiga nombor yang mewakili nilai merah, hijau dan biru. Setiap nilai berjulat dari 0 hingga 255, dan warna boleh ditetapkan menggunakan kod berikut:

<font color="rgb(255, 0, 0)">红色</font>
<font color="rgb(0, 255, 0)">绿色</font>
<font color="rgb(0, 0, 255)">蓝色</font>
<font color="rgb(255, 192, 203)">粉色</font>
<font color="rgb(128, 0, 128)">紫色</font>

Menggunakan nilai perenambelasan ​​juga merupakan cara biasa untuk menetapkan warna. Nilai heksadesimal terdiri daripada enam aksara, dua aksara pertama mewakili nilai merah, dua aksara tengah mewakili nilai hijau, dan dua aksara terakhir mewakili nilai biru. Setiap aksara mempunyai nilai dari 0 hingga F, di mana 0 mewakili nilai minimum dan F mewakili nilai maksimum. Berikut ialah contoh menetapkan warna menggunakan nilai perenambelasan:

<font color="#FF0000">红色</font>
<font color="#00FF00">绿色</font>
<font color="#0000FF">蓝色</font>
<font color="#FFC0CB">粉色</font>
<font color="#800080">紫色</font>

Nilai HSL ​​adalah cara yang lebih baharu untuk menetapkan warna, warna boleh ditetapkan menggunakan kod berikut:

<font color="hsl(0, 100%, 50%)">红色</font>
<font color="hsl(120, 100%, 50%)">绿色</font>
<font color="hsl(240, 100%, 50%)">蓝色</font>
<font color="hsl(350, 100%, 88%)">粉色</font>
<font color="hsl(300, 100%, 25%)">紫色</font>

Di mana, H mewakili warna, S mewakili ketepuan, dan L mewakili kecerahan. Hue mempunyai nilai dari 0 hingga 360, dan ketepuan dan kecerahan mempunyai nilai dari 0% hingga 100%.

Selain kaedah di atas, anda juga boleh menggunakan helaian gaya CSS untuk menetapkan warna. Menggunakan helaian gaya membolehkan anda dengan mudah mentakrifkan warna semua elemen halaman web secara terpusat dan menjadikan halaman lebih mudah untuk diurus dan dikemas kini. Berikut ialah contoh menetapkan warna menggunakan CSS:

<style>
.red {
  color: red;
}

.green {
  color: green;
}

.blue {
  color: blue;
}

.pink {
  color: pink;
}

.purple {
  color: purple;
}
</style>

<font class="red">红色</font>
<font class="green">绿色</font>
<font class="blue">蓝色</font>
<font class="pink">粉色</font>
<font class="purple">紫色</font>

Seperti yang dinyatakan di atas, terdapat pelbagai cara untuk menetapkan warna dalam HTML5. Kaedah yang anda pilih bergantung pada keperluan warna dan pilihan peribadi anda. Tidak kira kaedah yang anda pilih, pastikan anda memberi perhatian kepada penggunaan warna untuk menjadikan halaman lebih cantik dan mudah dibaca.

Atas ialah kandungan terperinci warna set html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!