htmlPractice01/02-2.html at master · kaku0225/htmlPractice01 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .color tr:nth-child(2n){background-color:red;}
  </style>
</head>
<body>
  <table border="2">
    <tr>
      <td></td>
      <td>今天</td>
      <td>明天</td>
      <td>後天</td>
    </tr>
    <tr>
      <td>降雨量</td>
      <td>20%</td>
      <td>30%</td>
      <td>40%</td>
    </tr>
    <tr>
      <td>溫度</td>
      <td>20</td>
      <td>16</td>
      <td>24</td>
    </tr>
    <tr>
      <td>濕度</td>
      <td>30%</td>
      <td>20%</td>
      <td style="background-color: red;">10%</td>
    </tr>
  </table>

  <table class="color" border="2">
    <tr>
      <th>國家</th>
      <th>總統</th>
      <th>人口</th>
    </tr>
    <tr>
      <td>美國</td>
      <td>川普</td>
      <td>不知道</td>
    </tr>
    <tr>
      <td>台灣</td>
      <td>蔡英文</td>
      <td>比美國少</td>
    </tr>
    <tr>
      <td>1aa</td>
      <td>ddd</td>
      <td>fsfsdf</td>
    </tr>
  </table>
  <table border="2">
    <tr>
      <th>項目</th>
      <th>金額</th>
      <th>總價</th>
    </tr>
    <tr>
      <td>iphone12</td>
      <td>100元</td>
      <td rowspan="3">1300</td>
    </tr>
    <tr>
      <td>iphone12pro</td>
      <td>200元</td>
    </tr>
    <tr>
      <td>sony電視</td>
      <td>1000元</td>
    </tr>
  </table>
  <table border="2">
    <tr>
      <td>手機</td>
      <td>電視</td>
      <td>電腦</td>
      <td>相機</td>
    </tr>
    <tr>
      <td>100$</td>
      <td>200$</td>
      <td>300$</td>
      <td>400$</td>
    </tr>
    <tr>
      <th colspan="4">總金額</th>
    </tr>
    <tr>
      <th colspan="4">1000$</th>
    </tr>
  </table>
  <table border="2">
    <caption>清單</caption>
    <tr>
      <td>鑰匙</td>
      <td>手機</td>
      <td>錢包</td>
    </tr>
    <tr>
      <td>腦袋</td>
      <td>腦袋</td>
      <td>腦袋</td>
    </tr>
  </table>


</body>
</html>