Perwakilan warna tutorial asas HTML

perwakilan warna html

  • Terdapat tiga cara untuk mewakili warna dalam halaman web:

  • Perkataan warna: biru, hijau, merah, kuning

  • Perwakilan perpuluhan: rgb(255,0,0), rgb(0,255,0), rgb(0,0,255)

  • Perwakilan heksadesimal: #FF0000 (merah), #00FF00 (hijau), #0000FF (biru)

Dari antara muka, Semua warna boleh dicipta dengan mencampurkan tiga panjang gelombang cahaya yang berbeza. Tiga jenis cahaya ini ialah lampu merah (merah), lampu hijau (hijau) dan biru (biru).

Dalam komputer, setiap warna primer menggunakan perduaan 8-bit (2^8 = 256), jadi RGB boleh mewakili sejumlah 256*256*256 = 16.7 juta warna.

Apabila menggunakan perenambelasan untuk mewakili warna: gunakan 2 digit perenambelasan untuk mewakili 1 digit warna utama.

颜色单词
red
 green
blue
yellow
10进制
rgb(255,0,0) 
rgb(0,255,0) 
 rgb(0,0,255)
rgb(255,255,0)
16进制
#FF0000
#00FF00
#0000FF
#FFFF00                        

Nota: Keserasian perpuluhan tidak baik, jadi gunakannya sesedikit mungkin. Perwakilan warna perpuluhan, biasanya digunakan dalam CSS.

Contoh:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>这是我们的第一个页面</title>
    </head>
    <body>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
     <table border="1" rules="all">
         <tr>
             <td bgcolor="#FF0000" width="50">红</td>
             <td bgcolor="#FF0055" width="50"></td>
             <td bgcolor="#FF00bb" width="50"></td>
         </tr>
           <tr>
             <td bgcolor="#00FF00" width="50">绿</td>
             <td bgcolor="#00FF55" width="50"></td>
             <td bgcolor="#00FFbb" width="50"></td>
         </tr>
           <tr>
             <td bgcolor="#0000FF" width="50">蓝</td>
             <td bgcolor="#0055FF" width="50"></td>
             <td bgcolor="#00bbFF" width="50"></td>
         </tr>
     </table> 
    </body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是我们的第一个页面</title> </head> <body> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <table border="1" rules="all"> <tr> <td bgcolor="#FF0000" width="50">红</td> <td bgcolor="#FF0055" width="50"></td> <td bgcolor="#FF00bb" width="50"></td> </tr> <tr> <td bgcolor="#00FF00" width="50">绿</td> <td bgcolor="#00FF55" width="50"></td> <td bgcolor="#00FFbb" width="50"></td> </tr> <tr> <td bgcolor="#0000FF" width="50">蓝</td> <td bgcolor="#0055FF" width="50"></td> <td bgcolor="#00bbFF" width="50"></td> </tr> </table> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus