html_study/240201_2.html at main · northeast23/html_study · 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
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>form</title>
    <style>
        table,
        tr,
        th,
        td {
          border: 1px solid black;
          border-collapse: collapse;
        }
      </style>
</head>
<body>
    <!-- action에는 도달하는 주소를 적는데 안적으면 자기 자신 -->
    <!-- form 에서 method를 get 또는 post. get 이 주소창에서 보여짐.파일등은 post 로 보냄 -->
    <form action="" method="get">
        <label for="id">아이디</label>
        <input type="text" name="아이디" id="id"><br>
        <label for="pw">패스워드</label>
        <input type="password" name="패스워드" id="pw"><br>
        <label for="male">남</label>
        <input type="radio" name="성별" id="male" value="남">
        <label for="female">여</label>
        <input type="radio" name="성별" id="female" value="여"><br>
        <p>즐겨 사용하는 프로그래밍 언어</p>
        <input type="checkbox" name="언어" id="python" value="Python"><label for="python">Python</label><br>
        <input type="checkbox" name="언어" id="python" value="Javascript"><label for="python">Javascript</label><br>
        <input type="checkbox" name="언어" id="python" value="C"><label for="python">C</label><br>
        <input type="submit" value="회원가입">
    </form>
    <br><br>
<!-- table -->
     <!--
        1. thead, tbody, tfoot, caption이나 colgroup은 하지 않습니다
        2. 구도를 잡는 용도로 사용하지 않습니다.
    -->
    <table>
        <thead>
          <tr>
            <th>구분</th>
            <th>이름</th>
            <th>판매량</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>해리포터</td>
            <td>100</td>
          </tr>
          <tr>
            <td>2</td>
            <td>헝거게임</td>
            <td>200</td>
          </tr>
          <tr>
            <td>3</td>
            <td>반지의제왕</td>
            <td>300</td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="2">총 판매량</td>
            <td>600</td>
          </tr>
        </tfoot>
      </table>
</body>
</html>
```