masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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)  492962 permainan