신수용

HTML examples 2 ~ 4 files

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>실습 2</title>
</head>
<body>
<h1>
<a href="http://twice.jype.com/">
트와이스
</a>
</h1>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/160507_Twice_guerrilla_concert.jpg/186px-160507_Twice_guerrilla_concert.jpg">
<ul>
<li>구성원</li>
<ul>
<li> 지효 </li>
<li> 나연 </li>
<li> 정연 </li>
<li> 모모 </li>
<li> 사나 </li>
<li> 미나 </li>
<li> 다현 </li>
<li> 채영 </li>
<li> 쯔위 </li>
</ul>
<li> 설명:
<blockquote>
트와이스(2015년 10월 20일 ~ 현재)는 대한민국의 9인조 걸 그룹으로, JYP 엔터테인먼트 소속이다.
2015년 5월 5일부터 두 달동안 진행된 서바이벌 프로그램 Mnet 《SIXTEEN》을 통해 9명의 최종 멤버들이 선발되었으며,
2015년 10월 19일 타이틀곡 "OOH-AHH하게" 뮤직비디오와 음원을 공개하고, 20일 첫 번째 EP 앨범 《THE STORY BEGINS》 발매와 동시에 데뷔 쇼케이스로 데뷔하였다. 2016년 4월 25일 두 번째 EP 앨범 《PAGE TWO》를 발매하였고, 데뷔 1주년인 2016년 10월 24일 세 번째 EP 앨범 《TWICEcoaster : LANE 1》을 발매하였다.
</blockquote>
</li>
<li>소속사:
<a href="http://www.jype.com/" target="blank">
JYP 엔터테인먼트
</a>
</li>
<li>
앨범
<ol>
<li><a href="https://ko.wikipedia.org/wiki/THE_STORY_BEGINS">THE STORY BEGINS</a></li>
<li><a href="https://ko.wikipedia.org/wiki/PAGE_TWO">PAGE TWO</a></li>
<li><a href="https://ko.wikipedia.org/wiki/TWICEcoaster_:_LANE_1">TWICEcoaster : LANE 1</a></li>
</ol>
</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>실습 3 - 테이블 만들기</title>
</head>
<body>
<table border="1">
<tr>
<th>분류</th><th>제품명</th>
<th>단가</th><th>수량</th>
<th>금액</th>
</tr>
<tr>
<td rowspan="3">공산품</td>
<td>iPhone</td>
<td>900,000</td>
<td>2</td>
<td>1,800,000</td>
</tr>
<tr>
<td>LED TV</td>
<td>3,000,000</td>
<td>3</td>
<td>9,000,000</td>
</tr>
<tr>
<td colspan="3" style="text-align:center">소계</td>
<td>10,800,000</td>
</tr>
<tr>
<td rowspan="2">농산품</td>
<td>인삼</td>
<td>10,000</td>
<td>200</td>
<td>2,000,000</td>
</tr>
<tr>
<td colspan="3" style="text-align:center">소계</td>
<td>2,000,000</td>
</tr>
<tr>
<td colspan="4" style="text-align:center">합계</td>
<td>12,800,000</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>실습 4 - form,table 만들기</title>
</head>
<body>
<form action="#" method="post">
<table border="1">
<tr>
<th>아이디</th>
<td colspan="3">
<input type="text" name="id"/>
<input type="button" value="중복조회"/>
</td>
</tr>
<tr>
<th>비밀번호</th>
<td>
<input type="text" name="password"/>
</td>
<th>확인</th>
<td>
<input type="password" name="password_confirmation"/>
</td>
</tr>
<tr>
<th>이름</th>
<td colspan="3">
<input type="text" name="name"/>
</td>
</tr>
<tr>
<th>이메일</th>
<td colspan="3">
<input type="text" name="email"/>
</td>
</tr>
<tr>
<th>성별</th>
<td colspan="3">
<input type="radio" name="gender" value="m"/>
<input type="radio" name="gender" value="f"/>
</td>
</tr>
<tr>
<th>지역</th>
<td colspan="3">
<select name="location">
<option value="seoul">서울</option>
<option value="busan">부산</option>
<option value="etc">기타</option>
</select>
</td>
</tr>
<tr>
<td colspan="4">
<input type="checkbox" name="tems"/>약관에 동의합니다.
</td>
</tr>
</table>
<input type="submit" value="회원가입" />
</form>
</body>
</html>