티스토리 뷰
base.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<!-- base.html (frameset, frame설정) -->
<frameset cols="20%,*"> <!-- "20%,*" -> *은 나머지, 20%,80% // rows: 수직, cols: 수평 -->
<frameset rows="50%,*">
<frame src="menu.html" name="f1">
<frame src="join_form.html" name="f2">
</frameset>
<frame src="welcome.html" name="f3">
</frameset>
</html>
join_form.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>회원가입폼</title>
</head>
<!-- join_form.html -->
<body>
<center>
<h3>회원가입폼</h3>
<hr>
<form action="welcome.html" name="join"><!-- action 안쓰면 join_form.html -->
<table border="1" cellpadding="5" >
<tr>
<td>아이디</td>
<td align="left"><input type="text" value="아이디"> </td>
</tr>
<tr>
<td>비 번</td>
<td align="left"><input type="password"> </td>
</tr>
<tr>
<td>이름</td>
<td align="left"><input type="text"> </td>
</tr>
<tr>
<td>주민번호</td>
<td align="left"><input type="text" size="6" maxlength="6" style="height: 18px"> - <input type="password" size="7" maxlength="7" style="height: 18px"> </td>
</tr>
<tr>
<td>주소</td>
<td align="left"><input type="text"> </td>
</tr>
<tr>
<td>연락처</td>
<td align="left"><input type="text" size="4">-<input type="text" size="4">-<input type="text" size="4"> </td>
</tr>
<tr>
<td>성별</td>
<td align="left"><input type="radio" name="gender" checked="checked">남자
<input type="radio" name="gender">여자</td>
</tr>
<tr>
<td>취미</td>
<td align="left"><input type="checkbox" > 요리
<input type="checkbox"> 축구
<input type="checkbox"> 야구</td>
</tr>
<tr>
<td>직업</td>
<td align="left">
<select>
<option>학생</option>
<option>개발자</option>
<option>기타</option>
</select>
</td>
</tr>
<tr>
<td>비고</td>
<td align="left"><textarea rows="5" cols="10"></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="나버튼"><input type="submit" value="입력">
<input type="reset" value="취소"> </td><!-- submit: action을 찾고 해당 url로 이동하면서 전송 -->
</tr>
</table>
</center>
</form>
<!--
<h3>회원가입폼</h3>
<hr>
아이디: <input type="text"> <br>
비번: <input type="password"> <br>
이름: <input type="text"> <br>
주민번호: <input type="text"> - <input type="password"> <br>
주소: <input type="text"> <br>
연락처:<input type="text"> -
<input type="text"> -
<input type="text"> <br>
성별: <input type="radio" name="gender">남자
<input type="radio" name="gender">여자 <br>
취미: <input type="checkbox" > 요리
<input type="checkbox"> 축구
<input type="checkbox"> 야구<br>
직업: <select>
<option>학생</option>
<option>개발자</option>
<option>기타</option>
</select> <br>
비고: <textarea rows="5" cols="10"></textarea>
-->
</body>
</html>
menu.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<!-- menu.html -->
<body>
<br><br><br>
<h3>메뉴</h3>
<ul>
<li><a href="http://www.naver.com" target="f3">네이버</a></li>
<li><a href="http://www.daum.net" target="f2">다음</a></li>
<li><a href="http://google.com" target="f3">구글</a></li>
<li><a href="join_form.html" target="f3">회원가입</a></li>
<li><a href="welcome.html" target="f3">축하</a></li>
<li><a href="../0513/image_test.html" target="f3">이미지</a></li>
</ul>
</body>
</html>
'휴지통 > HTML' 카테고리의 다른 글
| test (0) | 2013.05.21 |
|---|---|
| image_test (0) | 2013.05.21 |
| escape_test (0) | 2013.05.21 |
| block_test (0) | 2013.05.21 |
| HTML2 (0) | 2013.05.21 |