iT邦幫忙

2024 iThome 鐵人賽

DAY 9
0
佛心分享-IT 人自學之術

新手踏入網頁前端的世界系列 第 9

Day9 實作範例 &顏色RGB

  • 分享至 

  • xImage
  •  

實作範例

為了讓昨天學習到的知識更加熟悉,今天將透過實作這個範例來加深印象。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>
<body>
    <table border="2">
        <caption>班級小考分數統計</caption>
        <tr bgcolor="#C0C0C0">
            <th width="80">姓名</th>
            <th width="80">座號</th>
            <th width="80">分數</th>
        </tr>
        <tr bgcolor="#00FF00" align="center">
            <td>王小明</td>
            <td>01</td>
            <td>88</td>
        </tr>
        <tr bgcolor="#FFFF00" align="center">
            <td>黃小真</td>
            <td>02</td>
            <td>90</td>
        </tr>
        <tr bgcolor="#00FFFF" align="center">
            <td>高小翔</td>
            <td>03</td>
            <td>85</td>
        </tr>
    </table>
</body>
</html>

https://ithelp.ithome.com.tw/upload/images/20240914/20169120AItGOPXIOj.png

接下來要來介紹顏色與其對應的RGB

RGB稱為色彩三原色,包括紅色(red)、綠色(green)、藍色(blue)。

基本的色系

以下為HTML的16種基本色系。
https://ithelp.ithome.com.tw/upload/images/20240913/20169120AyuKMXO4Ju.png
https://ithelp.ithome.com.tw/upload/images/20240913/20169120tMncDM10Yf.png


上一篇
Day8表格標籤與格式
下一篇
Day10 影音格式與標籤
系列文
新手踏入網頁前端的世界30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言