Skip to content

Commit a515c50

Browse files
Deep-OctopusDeep-Octopus
committed
first commit
0 parents  commit a515c50

File tree

11 files changed

+183
-0
lines changed

11 files changed

+183
-0
lines changed

‎Exercise1.html‎

Lines changed: 156 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,156 @@
1+
<!DOCTYPE html>
2+
<html lang="en" xmlns:font-weight="http://www.w3.org/1999/xhtml">
3+
<head>
4+
<link rel="stylesheet" type="text/css" href="exercise1_style.css">
5+
<meta charset="UTF-8">
6+
<title>太阳系中行星的一些数据。</title>
7+
</head>
8+
<body>
9+
<div class="all">
10+
<div class="all-table">
11+
<table>
12+
<h4 style="font-weight: normal">太阳系中行星的一些数据。<span> </span>(资料取自
13+
<a href="https://pds.nasa.gov/">NASA 行星数据 - 公制</a>
14+
，图片取自NASA 照片库。）
15+
</h4>
16+
<tr style="font-weight: bold" class="background-color2">
17+
<td colspan="2" class="background-color1"></td>
18+
<td style=" font-weight: bold; border-top: black solid" class="col-three">名字</td>
19+
<td>图片</td>
20+
<td>质量（10<sup>24</sup>kg)</td>
21+
<td>直径（km）</td>
22+
<td>密度（km/m<sup>3</sup>)</td>
23+
<td>重力（m/s<sup>2</sup>)</td>
24+
<td>天长（小时）</td>
25+
<td>与太阳距离（10<sup>6</sup>km)</td>
26+
<td>平均温度（℃)</td>
27+
<td>卫星数据</td>
28+
<td>备注</td>
29+
</tr>
30+
<tr class="background-color1">
31+
<td rowspan="4" colspan="2" style="font-weight: bold" class="background-color2">类地行星</td>
32+
<td class="col-three">水星</td>
33+
<td><img src="img/1.png"></td>
34+
<td>0.330</td>
35+
<td>4,879</td>
36+
<td>5427</td>
37+
<td>3.7</td>
38+
<td>4222.6</td>
39+
<td>57.9</td>
40+
<td>167</td>
41+
<td>0</td>
42+
<td>距太阳最近</td>
43+
</tr>
44+
<tr class="background-color3">
45+
<td class="col-three">金星</td>
46+
<td><img src="img/2.png"></td>
47+
<td>4.87</td>
48+
<td>12,104</td>
49+
<td>5243</td>
50+
<td>8.9</td>
51+
<td>2802.0</td>
52+
<td>108.2</td>
53+
<td>464</td>
54+
<td>0</td>
55+
<td> </td>
56+
</tr>
57+
<tr class="background-color1">
58+
<td class="col-three">地球</td>
59+
<td><img src="img/3.png"></td>
60+
<td>5.97</td>
61+
<td>12,756</td>
62+
<td>5514</td>
63+
<td>9.8</td>
64+
<td>24.0</td>
65+
<td>149.6</td>
66+
<td>15</td>
67+
<td>1</td>
68+
<td>我们的世界</td>
69+
</tr>
70+
<tr class="background-color3">
71+
<td class="col-three">火星</td>
72+
<td><img src="img/4.png"></td>
73+
<td>0.642</td>
74+
<td>6,792</td>
75+
<td>3933</td>
76+
<td>3.7</td>
77+
<td>24.7</td>
78+
<td>227.9</td>
79+
<td>65</td>
80+
<td>2</td>
81+
<td>红色星球</td>
82+
</tr>
83+
<tr class="background-color1">
84+
<td rowspan="4" style="font-weight: bold" class="background-color2">类木行星</td>
85+
<td rowspan="2" style="font-weight: bold" class="background-color2">气巨星</td>
86+
<td class="col-three">木星</td>
87+
<td><img src="img/5.png"></td>
88+
<td>1898</td>
89+
<td>142,984</td>
90+
<td>1326</td>
91+
<td>23.1</td>
92+
<td>9.9</td>
93+
<td>778.6</td>
94+
<td>-110</td>
95+
<td>67</td>
96+
<td>太阳系最大</td>
97+
</tr>
98+
<tr class="background-color3">
99+
<td class="col-three">土星</td>
100+
<td><img src="img/6.png"></td>
101+
<td>568</td>
102+
<td>120,536</td>
103+
<td>687</td>
104+
<td>9.0</td>
105+
<td>10.7</td>
106+
<td>1433.5</td>
107+
<td>-140</td>
108+
<td>62</td>
109+
<td></td>
110+
</tr>
111+
<tr class="background-color1">
112+
<td rowspan="2" style="font-weight: bold" class="background-color2">冰巨星</td>
113+
<td class="col-three">天王星</td>
114+
<td><img src="img/7.png"></td>
115+
<td>86.8</td>
116+
<td>51,118</td>
117+
<td>1271</td>
118+
<td>8.7</td>
119+
<td>17.2</td>
120+
<td>2872.5</td>
121+
<td>-195</td>
122+
<td>27</td>
123+
<td></td>
124+
</tr>
125+
<tr class="background-color3">
126+
<td class="col-three">海王星</td>
127+
<td><img src="img/8.png"></td>
128+
<td>102</td>
129+
<td>49,528</td>
130+
<td>1638</td>
131+
<td>11.0</td>
132+
<td>16.1</td>
133+
<td>4495.1</td>
134+
<td>-200</td>
135+
<td>14</td>
136+
<td></td>
137+
</tr>
138+
<tr class="background-color1">
139+
<td colspan="2" style="font-weight: bold" class="background-color2">矮行星</td>
140+
<td style=" font-weight: bold; border-bottom: black solid" class="col-three">冥王星</td>
141+
<td><img src="img/9.png"></td>
142+
<td>0.0146</td>
143+
<td>2,370</td>
144+
<td>2095</td>
145+
<td>0.7</td>
146+
<td>153.3</td>
147+
<td>5906.4</td>
148+
<td>-225</td>
149+
<td>5</td>
150+
<td>2006年降格，但<span><a href="#">尚存争议</a></span>。</td>
151+
</tr>
152+
</table>
153+
</div>
154+
</div>
155+
</body>
156+
</html>

‎exercise1_style.css‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
table{
2+
border-collapse: collapse;
3+
margin: auto;
4+
}
5+
td{
6+
border: rgb(190,190,190) solid 1px;
7+
padding: 8px;
8+
font-size: 12px;
9+
}
10+
.all-table{
11+
text-align: center;
12+
}
13+
.col-three{
14+
background-color: rgb(235,235,235);
15+
font-weight: bold;
16+
border-left: black solid;
17+
border-right: black solid;
18+
}
19+
.background-color1{
20+
background-color: rgb(245,245,245);
21+
}
22+
.background-color2{
23+
background-color: rgb(235,235,235);
24+
}
25+
.background-color3{
26+
background-color: rgb(250,250,250);
27+
}

‎img/1.png‎

4.25 KB
Loading

‎img/2.png‎

5.64 KB
Loading

‎img/3.png‎

6.6 KB
Loading

‎img/4.png‎

6.5 KB
Loading

‎img/5.png‎

6.72 KB
Loading

‎img/6.png‎

7.05 KB
Loading

‎img/7.png‎

6.63 KB
Loading

‎img/8.png‎

5.9 KB
Loading

0 commit comments

Comments
 (0)