[펌 강의] 16. Table을 이용한 이력서 만들기
페이지 정보
써니관련링크
본문
16. Table을 이용한 이력서 만들기
오늘은 테이블에 대한 마지막 예제로
이력서를 만들어 보겠습니다. 나중에 사용하시려면 조금만 수정하시면
될 겁니다. 비슷하게 만든다고 했는데 비슷한지 모르겠네요.
예제라기 보다는 수정해서 사용하시라고
만들었습니다. 그래도 공부는 되니까 한번 쭈욱 살펴보세요.
1. Table 예제 - 이력서
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=euc-kr">
<title>이력서 양식</title>
</head>
<body bgcolor="white"
text="black" link="blue" vlink="purple"
alink="red">
<table border cellpadding="3"
cellspacing="0" bordercolordark="white" bordercolorlight="black">
<tr>
<td align="center"
rowspan="4" colspan="3">
<p
align="center"><font size="2"><b>사진</b></font></td>
<td width="513"
height="50" align="center" colspan="5">
<p><font
size="5"><b>이 력 서
(RESUME)</b></font></td>
</tr>
<tr>
<td width="94"
align="center" rowspan="2">
<p><font
size="2">
<b>성
명</b></font></td>
<td width="249"
height="25" colspan="2"><p align="left"> </td>
<td width="152"
height="25" colspan="2">
<p
align="center"><font size="2"><b>주민등록번호</b></font></td>
</tr>
<tr>
<td width="249"
height="25" colspan="2"><p align="left"> </td>
<td width="152"
height="25" colspan="2"><p align="center"> </td>
</tr>
<tr>
<td width="94"
height="25">
<p
align="center"><font size="2"><b>생년월일
</b></font></td>
<td width="249"
height="25" colspan="2">
<p
align="left"><font size="2"> </font></td>
<td width="152"
height="25" colspan="2">
<p
align="center"><font size="2"><b>전
화 번 호
</b></font></td>
</tr>
<tr>
<td width="81"
height="25" colspan="3">
<p
align="center"><font size="2"><b>현
주 소</b></font></td>
<td width="352"
height="25" colspan="3"><p align="center"> </td>
<td width="152"
height="25" colspan="2"><p align="center"> </td>
</tr>
<tr>
<td width="81"
height="27" colspan="3">
<p
align="center"><font size="2"><b>호적관계</b></font></td>
<td width="107"
height="27" colspan="2">
<p
align="center"><font size="2"><b>호주와의
관계</b></font></td>
<td width="236"
height="27"><p> </td>
<td width="66"
height="27">
<p
align="center"><font size="2"><b>호주성명</b></font></td>
<td width="77"
height="27"><p align="center"> </td>
</tr>
<tr>
<td width="38"
height="34">
<p
align="center"><font size="2"><b>년
</b></font></td>
<td width="26"
height="34">
<p
align="center"><font size="2"><b>월
</b></font></td>
<td width="30"
height="34">
<p
align="center"><font size="2"><b>일
</b></font></td>
<td width="352"
height="34" colspan="3">
<p
align="center"><font size="2"><b>학력
및 경력사항</b></font></td>
<td width="152"
height="34" colspan="2">
<p
align="center"><font size="2"><b>발령청</b></font></td>
</tr>
<tr>
<td width="38"
height="25"><p align="center"> </td>
<td width="26"
height="25"><p align="center"> </td>
<td width="30"
height="25"><p align="center"> </td>
<td width="352"
height="25" colspan="3"><p align="left"> </td>
<td width="152"
height="25" colspan="2"><p align="left"> </td>
</tr>
<tr>
<td width="38"
height="25"><p align="center"> </td>
<td width="26"
height="25"><p align="center"> </td>
<td width="30"
height="25"><p align="center"> </td>
<td width="352"
height="25" colspan="3"><p align="left"> </td>
<td width="152"
height="25" colspan="2"><p align="left"> </td>
</tr>
<tr>
<td
width="38" height="25"><p align="center"> </td>
<td width="26"
height="25"><p align="center"> </td>
<td width="30"
height="25"><p align="center"> </td>
<td width="352"
height="25" colspan="3"><p align="left"> </td>
<td width="152"
height="25" colspan="2"><p align="left"> </td>
</tr>
<tr>
<td width="38"
height="25"><p align="center"> </td>
<td width="26"
height="25"><p align="center"> </td>
<td width="30"
height="25"><p align="center"> </td>
<td width="352"
height="25" colspan="3"><p align="left"> </td>
<td width="152"
height="25" colspan="2"><p align="left"> </td>
</tr>
<tr>
<td width="38"
height="25"><p align="center"> </td>
<td width="26"
height="25"><p align="center"> </td>
<td width="30"
height="25"><p align="center"> </td>
<td width="352"
height="25" colspan="3"><p align="left"> </td>
<td width="152"
height="25" colspan="2"><p align="left"> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p align="center"> </td>
<td width="26"
height="25"><p align="center"> </td>
<td width="30"
height="25"><p align="center"> </td>
<td width="352"
height="25" colspan="3"><p align="center"> </td>
<td width="152"
height="25" colspan="2"><p align="left"> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td width="38"
height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p> </td>
<td width="152"
height="25" colspan="2"><p> </td>
</tr>
<tr>
<td height="25"><p> </td>
<td width="26"
height="25"><p> </td>
<td width="30"
height="25"><p> </td>
<td width="352"
height="25" colspan="3"><p align="left"> </td>
<td width="152"
height="25" colspan="2"><p align="left"> </td>
</tr>
<tr>
<td width="634"
height="40" colspan="8"><p align="center"> </td>
</tr>
<tr>
<td width="634"
height="300" valign="bottom" colspan="8">
<p
align="left"><font size="2">
위와
같이 틀림없음</font></p>
<p
align="left"><font size="2">
1999
년 11월 9일</font></p>
<p
align="left"><fontsize="2">
</font><font
size="2"><b>
홍
길 동
</b></font><font
size="2"> (인)<br> </font></td>
</tr>
</table>
</body>
- 이력서 같은 양식을 만들 때
사용한 표(Table) Tag의 거의 모든 옵션이 사용되었는데, 유심히
볼 옵션은 cellpadding, cellspacing, rowspan, colspan입니다.
그리고 여기서는 셀의 너비를 픽셀(Pixel) 단위로 주어 고정시켰어요^^
- 제일 많이 사용된 것이 죠?
이건 한 칸 띄어쓸 경우 사용합니다.
- align 옵션은 위와 같이 <p
align="...">...</p>나 <div align="...">...</div>를
이용해 사용해도 되고 <td> Tag 내에서 <td align="...">와
같이 사용해도 됩니다.
막상 하려면 엄두가 나지 않지만
소스를 보니 별 내용 아니죠? 실은 저도 나모로 만들고 소스 약간 다듬어서
올린 겁니다. 이거 메모장으로 만들면 장난아니겠죠?
후후.. 요새 인터넷 상에서 이력서
접수받는 곳이 많아지는 것 같아서 그냥 다루어 보았습니다. 궁금한
내용있으면 언제라도 제 홈페이지 묻고 답하기를 이용해주세요!
작성일2005-02-22 16:42
등록된 댓글이 없습니다.
