* 욕설, 비방, 광고, 도배질 글은 임의로 삭제됩니다.

[펌 강의] 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>이 &nbsp;&nbsp;력 &nbsp;서
(RESUME)</b></font></td>

    </tr>

    <tr>

        <td width="94"
align="center" rowspan="2">

            <p><font
size="2">

            <b>성
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;명</b></font></td>

        <td width="249"
height="25" colspan="2"><p align="left">&nbsp;</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">&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p align="center">&nbsp;</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">&nbsp;</font></td>

        <td width="152"
height="25" colspan="2">

            <p
align="center"><font size="2"><b>전
&nbsp;화 &nbsp;번 &nbsp;호

            </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">&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p align="center">&nbsp;</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>&nbsp;</td>

        <td width="66"
height="27">

            <p
align="center"><font size="2"><b>호주성명</b></font></td>

        <td width="77"
height="27"><p align="center">&nbsp;</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">&nbsp;</td>

        <td width="26"
height="25"><p align="center">&nbsp;</td>

        <td width="30"
height="25"><p align="center">&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p align="left">&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p align="left">&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p align="center">&nbsp;</td>

        <td width="26"
height="25"><p align="center">&nbsp;</td>

        <td width="30"
height="25"><p align="center">&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p align="left">&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p align="left">&nbsp;</td>

    </tr>

    <tr>


        <td
width="38" height="25"><p align="center">&nbsp;</td>

        <td width="26"
height="25"><p align="center">&nbsp;</td>

        <td width="30"
height="25"><p align="center">&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p align="left">&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p align="left">&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p align="center">&nbsp;</td>

        <td width="26"
height="25"><p align="center">&nbsp;</td>

        <td width="30"
height="25"><p align="center">&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p align="left">&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p align="left">&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p align="center">&nbsp;</td>

        <td width="26"
height="25"><p align="center">&nbsp;</td>

        <td width="30"
height="25"><p align="center">&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p align="left">&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p align="left">&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p align="center">&nbsp;</td>

        <td width="26"
height="25"><p align="center">&nbsp;</td>

        <td width="30"
height="25"><p align="center">&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p align="center">&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p align="left">&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td width="38"
height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p>&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p>&nbsp;</td>

    </tr>

    <tr>

        <td height="25"><p>&nbsp;</td>

        <td width="26"
height="25"><p>&nbsp;</td>

        <td width="30"
height="25"><p>&nbsp;</td>

        <td width="352"
height="25" colspan="3"><p align="left">&nbsp;</td>

        <td width="152"
height="25" colspan="2"><p align="left">&nbsp;</td>

    </tr>

    <tr>

        <td width="634"
height="40" colspan="8"><p align="center">&nbsp;</td>

    </tr>

    <tr>

        <td width="634"
height="300" valign="bottom" colspan="8">

            <p
align="left"><font size="2">

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            

            위와
같이 틀림없음</font></p>

            <p
align="left"><font size="2">

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            

            1999
년 11월 9일</font></p>

            <p
align="left"><fontsize="2">

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            </font><font
size="2"><b>

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;홍
&nbsp;길 &nbsp;동

            </b></font><font
size="2">&nbsp;(인)<br> &nbsp; </font></td>

    </tr>

</table>

</body>


</html>                       
target="_blank">결과보기


  • 이력서 같은 양식을 만들 때
    사용한 표(Table) Tag의 거의 모든 옵션이 사용되었는데, 유심히
    볼 옵션은 cellpadding, cellspacing, rowspan, colspan입니다.
    그리고 여기서는 셀의 너비를 픽셀(Pixel) 단위로 주어 고정시켰어요^^

  • 제일 많이 사용된 것이 &nbsp;죠?
    이건 한 칸 띄어쓸 경우 사용합니다.
  • align 옵션은 위와 같이 <p
    align="...">...</p>나 <div align="...">...</div>를
    이용해 사용해도 되고 <td> Tag 내에서 <td align="...">와
    같이 사용해도 됩니다.

막상 하려면 엄두가 나지 않지만
소스를 보니 별 내용 아니죠? 실은 저도 나모로 만들고 소스 약간 다듬어서
올린 겁니다. 이거 메모장으로 만들면 장난아니겠죠?


후후.. 요새 인터넷 상에서 이력서
접수받는 곳이 많아지는 것 같아서 그냥 다루어 보았습니다. 궁금한
내용있으면 언제라도 제 홈페이지 묻고 답하기를 이용해주세요!

작성일2005-02-22 16:42

등록된 댓글이 없습니다.

컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
241 [정보] 스파이웨어 극성으로 인터넷 사용습관 변화 인기글 써니 2005-07-07 4435
240 [정보] 아이팟 노린 강도 사건 급증 댓글[1] 인기글 써니 2005-07-04 4326
239 [정보] 소니 PS3, 판매시 대당 약 10만원손해 댓글[1] 인기글 써니 2005-07-04 5022
238 [정보] MS, Xbox 소프트웨어 라이선스 고려 댓글[1] 인기글 써니 2005-07-04 4488
237 sdhh 댓글[1] 인기글 sfhs 2005-07-02 4509
236 vcl,jhljvh;ljk 댓글[2] 인기글 rahfd 2005-07-02 4591
235 [정보] 애플 맥텔, 실질적으로 윈도우 PC와 차이 없다 댓글[1] 인기글 써니 2005-06-29 4576
234 [정보] ‘대규모 웜 공격 임박’ 경고 댓글[1] 인기글 써니 2005-06-29 4611
233 윈도우 액박이 뜨는데 어떻게 해야하까여? 인기글 next 2005-06-27 4811
232 리눅스 슬랙웨어 댓글[2] 인기글 리눅스 2005-06-27 5752
231 [정보] 폭력 게임시 뇌는 게임을 현실로 인식 인기글 써니 2005-06-26 4824
230 defgramentaion 이 1% 하고 stop 합니다 댓글[1] 인기글 SS 2005-06-24 4985
229 답변글 써니님 하드드라이브 싼거 하나 찾았는데 좀 봐 주시겠습니까? 댓글[1] 인기글 도움이 2005-06-18 5256
228 답변글 1시간안에 답변을 써주시니 정말 신속 정확 하시군요^^ 인기글 나그네 2005-06-17 5194
227 답변글 써니님 하드드라이브 싼거 하나 찾았는데 좀 봐 주시겠습니까? 댓글[1] 인기글 써니 2005-06-17 5524
226 써니님 하드드라이브 싼거 하나 찾았는데 좀 봐 주시겠습니까? 인기글 나그네 2005-06-17 5013
225 답변글 써니님 댓글[1] 인기글 써니 2005-06-15 6644
224 써니님 인기글 jay 2005-06-15 5424
223 [정보] Mac 소프트웨어 포팅, 쉽지만은 않은 작업 인기글 써니 2005-06-14 4980
222 [정보] 스파이웨어, 이젠 RSS를 배포 수단으로 인기글 써니 2005-06-14 5039
221 안지혜씨 보세요 댓글[1] 인기글 2005-06-14 4984
220 디지탈사진을original color로 print 할려면 인기글 john 2005-06-13 5076
219 써니님 신속한 답변 감사 드림니다 빠른시일내 시도해 보겠습니다 감사 합 인기글 나그네 2005-06-13 5395
218 답변글 써니님 하드드라이브 할인에 관한 조언 구합니다. 댓글[1] 인기글 써니 2005-06-12 5524
217 써니님 하드드라이브 할인에 관한 조언 구합니다. 댓글[1] 인기글 나그네 2005-06-12 5263
216 써니님 댓글[2] 인기글 어? 2005-06-12 5013
215 답변글 써니님!! 감사합니다.. 인기글 써니 2005-06-12 4980
214 써니님!! 감사합니다.. 댓글[1] 인기글 초보자 2005-06-10 5256
213 [정보] Xbox 360 판매시 대당 75달러 손해 인기글 써니 2005-06-10 4922
212 [정보] 차세대 DVD 통합 협상 ‘없던 일’로 인기글 써니 2005-06-10 5186
게시물 검색
* 게시일 1년씩 검색합니다. '이전검색','다음검색'으로 계속 검색할 수 있습니다.
** 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.