htmlPractice02/practice-01.html at master · kaku0225/htmlPractice02 · 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
118
119
120
121
122
123
124
125
126
127
128
129
<!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>
      div {
        display: flex;
        align-items: center;
        justify-content: center;
      }
    </style>
  </head>
  <body>
    <form>
      <label for="name">姓名</label>
      <input type="text" id="name" />
      <label for="personid">身分證</label>
      <input type="number" id="personid" />
      <br />

      <label for="email">信箱</label>
      <input type="email" id="email" />
      <label>
        電話
        <input type="tel" />
      </label>
      <br />

      <label>
        生日
        <input type="month" />
      </label>
      <p>性別</p>
      <label for="sexboy">男生</label>
      <input type="radio" id="sexboy" name="sex" />
      <label for="sexgirl">女生</label>
      <input type="radio" id="sexgirl" name="sex" />
      <br />

      <p>興趣</p>
      <label>
        <input type="checkbox" />
        游泳
      </label>
      <label>
        <input type="checkbox" />
        籃球
      </label>
      <label>
        <input type="checkbox" />
        足球
      </label>
      <label>
        <input type="checkbox" />
        棒球
      </label>
      <label>
        <input type="checkbox" />
        網球
      </label>
      <label>
        <input type="checkbox" />
        瑜珈
      </label>
      <br />
      <input type="file" value="上傳檔案" />
      <input type="reset" />
      <input type="submit" value="送出" />
      <input type="button" value="千萬不要按" />
    </form>
    <br />
    <figure>
      <img src="pic/jakethedog_hi.jpg" alt="jakesayshi" />
      <figcaption>
        印象解壓三大特價處罰表示將來程式，桃園隊員傳輸對著這次傢俱壓力海外死亡危險，路線也可我們數學把他運行平台休閒休息適合承受些什麼，討論區組成費用動力這場收入時刻東方，之前日子植物要在，面臨他們的，每天。
      </figcaption>
    </figure>

    <a href="https://www.google.com/">這是google</a>

    <table border="2">
      <caption>
        節目表
      </caption>
      <tr>
        <th></th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
        <th>星期四</th>
        <th>星期五</th>
      </tr>
      <tr>
        <th>10:00~11:00</th>
        <th>打地鼠</th>
        <th>猜燈謎</th>
        <th>爬山</th>
        <th>撲克牌</th>
        <th>划船</th>
      </tr>
      <tr>
        <th>11:00~12:00</th>
        <th>相撲</th>
        <th>攝影</th>
        <th>賽跑</th>
        <th>賽車</th>
        <th>電影</th>
      </tr>
      <tr>
        <th>12:00~13:30</th>
        <th colspan="5">午休午飯</th>
      </tr>
      <tr>
        <th rowspan="3">未安排</th>
        <th rowspan="3">未安排</th>
        <th rowspan="3">未安排</th>
        <th rowspan="3">未安排</th>
        <th rowspan="3">未安排</th>
        <th rowspan="3">未安排</th>
      </tr>
    </table>

    <div>
      <img src="pic/jakethedog_night.jpg" alt="jakeinthenight" />
    </div>
  </body>
</html>