2017-1-WebServiceProgramming / Practice-Materials

Go to a project
Toggle navigation Toggle navigation pinning
신수용
dcab6504 1 parent 2873d33e

HTML examples 2 ~ 4 files

Inline Side-by-side
Showing 3 changed files with 164 additions and 0 deletions
1 +<!DOCTYPE html>
2 +<html>
3 +<head>
4 + <meta charset='utf-8'>
5 + <title>실습 2</title>
6 +</head>
7 +<body>
8 + <h1>
9 + <a href="http://twice.jype.com/">
10 + 트와이스
11 + </a>
12 + </h1>
13 + <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/160507_Twice_guerrilla_concert.jpg/186px-160507_Twice_guerrilla_concert.jpg">
14 + <ul>
15 + <li>구성원</li>
16 + <ul>
17 + <li> 지효 </li>
18 + <li> 나연 </li>
19 + <li> 정연 </li>
20 + <li> 모모 </li>
21 + <li> 사나 </li>
22 + <li> 미나 </li>
23 + <li> 다현 </li>
24 + <li> 채영 </li>
25 + <li> 쯔위 </li>
26 + </ul>
27 + <li> 설명:
28 + <blockquote>
29 + 트와이스(2015년 10월 20일 ~ 현재)는 대한민국의 9인조 걸 그룹으로, JYP 엔터테인먼트 소속이다.
30 + 2015년 5월 5일부터 두 달동안 진행된 서바이벌 프로그램 Mnet 《SIXTEEN》을 통해 9명의 최종 멤버들이 선발되었으며,
31 + 2015년 10월 19일 타이틀곡 "OOH-AHH하게" 뮤직비디오와 음원을 공개하고, 20일 첫 번째 EP 앨범 《THE STORY BEGINS》 발매와 동시에 데뷔 쇼케이스로 데뷔하였다. 2016년 4월 25일 두 번째 EP 앨범 《PAGE TWO》를 발매하였고, 데뷔 1주년인 2016년 10월 24일 세 번째 EP 앨범 《TWICEcoaster : LANE 1》을 발매하였다.
32 + </blockquote>
33 + </li>
34 + <li>소속사:
35 + <a href="http://www.jype.com/" target="blank">
36 + JYP 엔터테인먼트
37 + </a>
38 + </li>
39 + <li>
40 + 앨범
41 + <ol>
42 + <li><a href="https://ko.wikipedia.org/wiki/THE_STORY_BEGINS">THE STORY BEGINS</a></li>
43 + <li><a href="https://ko.wikipedia.org/wiki/PAGE_TWO">PAGE TWO</a></li>
44 + <li><a href="https://ko.wikipedia.org/wiki/TWICEcoaster_:_LANE_1">TWICEcoaster : LANE 1</a></li>
45 + </ol>
46 + </li>
47 + </ul>
48 +</body>
49 +</html>
1 +<!DOCTYPE html>
2 +<html lang="ko">
3 + <head>
4 + <meta charset="utf-8">
5 + <title>실습 3 - 테이블 만들기</title>
6 + </head>
7 +
8 + <body>
9 + <table border="1">
10 + <tr>
11 + <th>분류</th><th>제품명</th>
12 + <th>단가</th><th>수량</th>
13 + <th>금액</th>
14 + </tr>
15 + <tr>
16 + <td rowspan="3">공산품</td>
17 + <td>iPhone</td>
18 + <td>900,000</td>
19 + <td>2</td>
20 + <td>1,800,000</td>
21 + </tr>
22 + <tr>
23 + <td>LED TV</td>
24 + <td>3,000,000</td>
25 + <td>3</td>
26 + <td>9,000,000</td>
27 + </tr>
28 + <tr>
29 + <td colspan="3" style="text-align:center">소계</td>
30 + <td>10,800,000</td>
31 + </tr>
32 + <tr>
33 + <td rowspan="2">농산품</td>
34 + <td>인삼</td>
35 + <td>10,000</td>
36 + <td>200</td>
37 + <td>2,000,000</td>
38 + </tr>
39 + <tr>
40 + <td colspan="3" style="text-align:center">소계</td>
41 + <td>2,000,000</td>
42 + </tr>
43 + <tr>
44 + <td colspan="4" style="text-align:center">합계</td>
45 + <td>12,800,000</td>
46 + </tr>
47 + </table>
48 + </body>
49 +
50 +</html>
1 +<!DOCTYPE html>
2 +<html lang="ko">
3 + <head>
4 + <meta charset="utf-8">
5 + <title>실습 4 - form,table 만들기</title>
6 + </head>
7 + <body>
8 + <form action="#" method="post">
9 + <table border="1">
10 + <tr>
11 + <th>아이디</th>
12 + <td colspan="3">
13 + <input type="text" name="id"/>
14 + <input type="button" value="중복조회"/>
15 + </td>
16 + </tr>
17 + <tr>
18 + <th>비밀번호</th>
19 + <td>
20 + <input type="text" name="password"/>
21 + </td>
22 + <th>확인</th>
23 + <td>
24 + <input type="password" name="password_confirmation"/>
25 + </td>
26 + </tr>
27 + <tr>
28 + <th>이름</th>
29 + <td colspan="3">
30 + <input type="text" name="name"/>
31 + </td>
32 + </tr>
33 + <tr>
34 + <th>이메일</th>
35 + <td colspan="3">
36 + <input type="text" name="email"/>
37 + </td>
38 + </tr>
39 + <tr>
40 + <th>성별</th>
41 + <td colspan="3">
42 + <input type="radio" name="gender" value="m"/>남
43 + <input type="radio" name="gender" value="f"/>녀
44 + </td>
45 + </tr>
46 + <tr>
47 + <th>지역</th>
48 + <td colspan="3">
49 + <select name="location">
50 + <option value="seoul">서울</option>
51 + <option value="busan">부산</option>
52 + <option value="etc">기타</option>
53 + </select>
54 + </td>
55 + </tr>
56 + <tr>
57 + <td colspan="4">
58 + <input type="checkbox" name="tems"/>약관에 동의합니다.
59 + </td>
60 + </tr>
61 + </table>
62 + <input type="submit" value="회원가입" />
63 + </form>
64 + </body>
65 +</html>