임호준 / WebPractice

Go to a project
Toggle navigation Toggle navigation pinning
Lim Ho Jun
1576dc13 1 parent 8f06e287

0316 2차 실습

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

167 KB