简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492166 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！