Showing
4 changed files
with
164 additions
and
0 deletions
ex03.html
0 → 100644
1 | +<html> | ||
2 | +<body> | ||
3 | + <table border = "1"> | ||
4 | + | ||
5 | + <tr> | ||
6 | + <th>분류</th> | ||
7 | + <th>제품명</th> | ||
8 | + <th>단가</th> | ||
9 | + <th>수량</th> | ||
10 | + <th>금액</th> | ||
11 | + </tr> | ||
12 | + <tr> | ||
13 | + <td rowspan="3">공산품</td> | ||
14 | + <td>iPhone</td> | ||
15 | + <td align="right">900,000</td> | ||
16 | + <td align="right">2</td> | ||
17 | + <td align="right">1,800,000</td> | ||
18 | + </tr> | ||
19 | + <tr> | ||
20 | + <td>LED TV</td> | ||
21 | + <td align="right">3,000,000</td> | ||
22 | + <td align="right">3</td> | ||
23 | + <td align="right">9,000,000</td> | ||
24 | + </tr> | ||
25 | + <tr> | ||
26 | + <td colspan="3" align = "middle">소계</td> | ||
27 | + <td align="right">10,800,000</td> | ||
28 | + </tr> | ||
29 | + <tr> | ||
30 | + <td rowspan="2">농산품</td> | ||
31 | + <td>인삼</td> | ||
32 | + <td align="right">10,000</td> | ||
33 | + <td align="right">200</td> | ||
34 | + <td align="right">2,000,000</td> | ||
35 | + </tr> | ||
36 | + <tr> | ||
37 | + <td colspan="3", align = "middle">소계</td> | ||
38 | + <td align="right">2,000,000</td> | ||
39 | + </tr> | ||
40 | + <tr> | ||
41 | + <td colspan="4", align = "middle">합계</td> | ||
42 | + <td align="right">12,800,000</td> | ||
43 | + </tr> | ||
44 | +</table> | ||
45 | +</body> | ||
46 | +</html> |
ex04.html
0 → 100644
1 | +<html> | ||
2 | +<body> | ||
3 | + <form action="" method="post"> | ||
4 | + <table border="5"> | ||
5 | + <tr> | ||
6 | + <th>아이디</th> | ||
7 | + <td colspan="3"> | ||
8 | + <input type="text" name="id" size="15"/> | ||
9 | + <input type="button" value="중복조회"/> | ||
10 | + </td> | ||
11 | + </tr> | ||
12 | + <tr> | ||
13 | + <th>비밀번호</th> | ||
14 | + <td><input type="password" name="pwd" size="15"/></td> | ||
15 | + <th>확인</th> | ||
16 | + <td><input type="password" name="pwd2" size="15"/></td> | ||
17 | + </tr> | ||
18 | + <tr> | ||
19 | + <th>이름</th> | ||
20 | + <td colspan="3"> | ||
21 | + <input type="text" name="name" size="15"/> | ||
22 | + </td> | ||
23 | + </tr> | ||
24 | + <tr> | ||
25 | + <th>이메일</th> | ||
26 | + <td colspan="3"> | ||
27 | + <input type="text" name="email" size="20"/> | ||
28 | + </td> | ||
29 | + </tr> | ||
30 | + <tr> | ||
31 | + <th>성별</th> | ||
32 | + <td colspan="3"> | ||
33 | + <input type="radio" name="sex" value="m"/>남 | ||
34 | + <input type="radio" name="sex" value="f"/>여 | ||
35 | + </td> | ||
36 | + </tr> | ||
37 | + <tr> | ||
38 | + <th>지역</th> | ||
39 | + <td colspan="3"> | ||
40 | + <select name="region"> | ||
41 | + <option value="seoul">서울</option> | ||
42 | + <option value="yongin">용인</option> | ||
43 | + <option value="etc">기타</option> | ||
44 | + </select> | ||
45 | + </td> | ||
46 | + </tr> | ||
47 | + <tr> | ||
48 | + <td colspan="4"> | ||
49 | + <input type="checkbox" name="agree" value="agree"/> | ||
50 | + 약관에 동의합니다. | ||
51 | + </td> | ||
52 | + </tr> | ||
53 | + </table> | ||
54 | + <input type="submit" value="회원가입"/> | ||
55 | + </form> | ||
56 | +</body> | ||
57 | +</html> |
form_example.html
0 → 100644
1 | +<html> | ||
2 | +<body> | ||
3 | + <form action = "" method="post"> | ||
4 | + <input type="hidden" name="type" value="user"/> | ||
5 | + 아이디 : <input type="text" name="name" size="10"/> | ||
6 | + <input type="button" value="중복조회"/> <br/> | ||
7 | + 비밀번호: <input type="password" name="pwd" size="10"/><br/> | ||
8 | + 성별: | ||
9 | + <input type="radio" name="sex" value="m"/>남 | ||
10 | + <input type="radio" name="sex" value="f"/>여 | ||
11 | + <br/> | ||
12 | + 취미: | ||
13 | + <input type="checkbox" name="hobby" value="book"/>책 | ||
14 | + <input type="checkbox" name="hobby" value="movie"/>영화 | ||
15 | + <input type="checkbox" name="hobby" value="music"/>음악 | ||
16 | + <br/> | ||
17 | + 사진: <input type="file" name="photo"/><br/> | ||
18 | + 주소: <select name="job"> | ||
19 | + <option value="seoul">서울</option> | ||
20 | + <option value="busan">부산</option> | ||
21 | + <option value="etc">기타</option> | ||
22 | + </select> | ||
23 | + <br/> | ||
24 | + 소개: <br/> | ||
25 | + <textarea cols="30" rows="5" name="intro"></textarea><br/> | ||
26 | + <input type="submit"/> | ||
27 | + </form> | ||
28 | +</body> | ||
29 | +</html> |
table_example.html
0 → 100644
1 | +<html> | ||
2 | +<body> | ||
3 | +<table border="1"> | ||
4 | + <caption>홈런순위</caption> | ||
5 | + <thead> | ||
6 | + <tr> | ||
7 | + <th>이름</th> | ||
8 | + <th>홈런</th> | ||
9 | + </tr> | ||
10 | + </thead> | ||
11 | + <tbody> | ||
12 | + <tr> | ||
13 | + <td>이대호</td> | ||
14 | + <td>41</td> | ||
15 | + </tr> | ||
16 | + <tr> | ||
17 | + <td>최진행</td> | ||
18 | + <td>27</td> | ||
19 | + </tr> | ||
20 | + <tr> | ||
21 | + <td>홍성흔</td> | ||
22 | + <td>26</td> | ||
23 | + </tr> | ||
24 | + </tbody> | ||
25 | + <tfoot> | ||
26 | + <tr> | ||
27 | + <th colspan="2">2010-08-22</th> | ||
28 | + </tr> | ||
29 | + </tfoot> | ||
30 | +</table> | ||
31 | +</body> | ||
32 | +</html> |
-
Please register or login to post a comment