신수용

remove 02 HTML (name changed)

1 -<!DOCTYPE html>
2 -<html>
3 -<head>
4 - <meta charset='utf-8'>
5 - <title>실습 1</title>
6 -</head>
7 -<body>
8 - <p>
9 - <a href="http://www.khu.ac.kr">경희대학교</a>
10 - </p>
11 - <p>컴퓨터공학과</p>
12 - <p>2017123456</p>
13 - <p>
14 - <h1>트와이스</h1>
15 - <i>Twice</i><br>
16 -
17 - </p>
18 -</body>
19 -</html>
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>