-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path02-home.html
177 lines (168 loc) · 5.29 KB
/
02-home.html
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
<style>
p{
background-color: blue;
border: solid 10px red;
padding: 10px;
}
.intro{
border: darkolivegreen 10px solid;
background-color: coral;
}
.intro strong{
color:darkblue;
}
p strong{
color: darkmagenta;
}
table tr td{
padding: 5px;
}
table tr th{
padding: 5px;
}
.table tr:nth-child(2){background-color: red;}
.big{
display: flex;
}
</style>
</head>
<body>
<form>
<label for="name">姓名</label>
<input type="text" id="name">
<br>
<label>
身分證
<input type="text">
</label>
<br>
<label for="eamil">信箱</label>
<input type="email" id="email">
<br>
<label>
電話
<input type="tel">
</label>
<br>
<label for="basketball">籃球</label>
<input type="radio" id="basketball" name="radio">
<label for="football">足球</label>
<input type="radio" id="football" name="radio">
<label>
網球
<input type="radio" name="radio">
</label>
<br>
<label for="swim">游泳</label>
<input type="checkbox" id="swim">
<label>
桌球
<input type="checkbox">
</label>
<label>
羽球
<input type="checkbox">
</label>
<br>
<label>
時間
<input type="time">
</label>
<br>
<label for="uploadfile">上傳檔案</label>
<input type="file" id="uploadfile">
<br>
<input type="submit" value="送出">
<input type="reset">
<br>
<input type="button" value="千萬不能按">
<button>千萬不要按</button>
</form>
<br>
<p class="intro">Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, consequatur unde ex, dolore id <strong>sdfsdawdaw</strong>dolorum quas molestias molestiae aspernatur ipsum asperiores sunt a exercitationem impedit corrupti in, aut culpa sed.</p>
<div class="big">
<p>考試較大無限關閉誘惑分析任何是指一把如果大連系列，領域角度放棄眼裡進來受到基本上手術召開他說，則是精神特點最佳內存，一場上次，<strong>如果大連系</strong>天天有關部門動力不用生產一年遵守我是意大利會有首頁清除，那麼不能下載晚上一條本站就算生意，原則圖書館外面按照女孩，藍色一對權限實。</p>
<p>再說告訴你認真電子郵件品牌就不一些三星你在，一週休閒諾基亞前進寫出來影音新聞電信，商務功能，不必都是將軍身後緩緩權威在此幫你戀愛環保讀書，說什麼法律責任不出工藝病毒，建設提升才會維持五金過去一會，夫人門口清晰便利商<strong>你戀愛環保</strong>店下降植物全面任何宣佈，還在提出了今後關。</p>
<p>在那裡引發補充證實放下最快不敢必然發出福州年輕色彩衝突，建立網通，在於矛盾分享細胞就會曝光不見模式完善，供求一定上漲演唱會黑暗不<strong>出福州年輕</strong>良詳細內容是我您的需要參與，靜靜女生青春一體模糊方便，集中招生前往設立品質連接位元操作標誌放在共享還沒有可見，爸爸增長，事故怎。</p>
</div>
<br>
<table class="table" border="1">
<caption>課表</caption>
<tr>
<th></th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr>
<td>第一節</td>
<td>國文</td>
<td>數學</td>
<td>英文</td>
<td>社會</td>
<td>自然</td>
</tr>
<tr>
<td>第二節</td>
<td>數學</td>
<td>英文</td>
<td>社會</td>
<td>自然</td>
<td>國文</td>
</tr>
<tr>
<td>第三節</td>
<td rowspan="2">英文</td>
<td rowspan="2">社會</td>
<td rowspan="2">自然</td>
<td rowspan="2">國文</td>
<td rowspan="2">數學</td>
</tr>
<tr>
<td>第四節</td>
</tr>
<tr>
<th colspan="6">午休</th>
</tr>
<tr>
<td>第五節</td>
<td>數學</td>
<td>英文</td>
<td>社會</td>
<td>自然</td>
<td>國文</td>
</tr>
<tr>
<td>第六節</td>
<td rowspan="2">數學</td>
<td rowspan="2">英文</td>
<td rowspan="2">社會</td>
<td rowspan="2">自然</td>
<td rowspan="2">國文</td>
</tr>
<tr>
<td>第七節</td>
</tr>
<tr>
<td>第八節</td>
<td>數學</td>
<td>英文</td>
<td>社會</td>
<td>自然</td>
<td>國文</td>
</tr>
</table>
<figure>
<img src="https://inside-assets4.inside.com.tw/2015/09/Googlelogo2015sd.jpg?auto=compress&fit=max&w=730&dpr=1 1x,https://inside-assets4.inside.com.tw/2015/09/Googlelogo2015sd.jpg?auto=compress&fit=max&w=730&dpr=2 2x,https://inside-assets4.inside.com.tw/2015/09/Googlelogo2015sd.jpg?auto=compress&fit=max&w=730&dpr=3 3x" alt="google">
<figcaption>這是GOOGLE</figcaption>
</figure>
</body>
</html>