[펌 강의] 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>

<table border cellpadding="3"
cellspacing="0" bordercolordark="white" bordercolorlight="black">

 <tr>

 <td align="center"
rowspan="4" colspan="3">

 사진</td>

 <td width="513"
height="50" align="center" colspan="5">

 이   력  서
(RESUME)</td>

 </tr>

 <tr>

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

 

 성
      명</td>

 <td width="249"
height="25" colspan="2"> </td>

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

 주민등록번호</td>

 </tr>

 <tr>

 <td width="249"
height="25" colspan="2"> </td>

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

 </tr>

 <tr>

 <td width="94"
height="25">

 생년월일

 </td>

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

  </td>

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

 전
 화  번  호

 </td>

 </tr>

 <tr>

 <td width="81"
height="25" colspan="3">

 현
주 소</td>

 <td width="352"
height="25" colspan="3"> </td>

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

 </tr>

 <tr>

 <td width="81"
height="27" colspan="3">

 호적관계</td>

 <td width="107"
height="27" colspan="2">

 호주와의
관계</td>

 <td width="236"
height="27"> </td>

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

 호주성명</td>

 <td width="77"
height="27"> </td>

 </tr>

 <tr>

 <td width="38"
height="34">

 년
</td>

 <td width="26"
height="34">

 월
</td>

 <td width="30"
height="34">

 일
</td>

 <td width="352"
height="34" colspan="3">

 학력
및 경력사항</td>

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

 발령청</td>

 </tr>

 <tr>

 <td width="38"
height="25"> </td>

 <td width="26"
height="25"> </td>

 <td width="30"
height="25"> </td>

 <td width="352"
height="25" colspan="3"> </td>

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

 </tr>

 <tr>

 <td width="38"
height="25"> </td>

 <td width="26"
height="25"> </td>

 <td width="30"
height="25"> </td>

 <td width="352"
height="25" colspan="3"> </td>

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

 </tr>

 <tr>

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

이력서 같은 양식을 만들 때
사용한 표(Table) Tag의 거의 모든 옵션이 사용되었는데, 유심히
볼 옵션은 cellpadding, cellspacing, rowspan, colspan입니다.
그리고 여기서는 셀의 너비를 픽셀(Pixel) 단위로 주어 고정시켰어요^^
제일 많이 사용된 것이  죠?
이건 한 칸 띄어쓸 경우 사용합니다.
align 옵션은 위와 같이 ...나 <div align="...">...</div>를
이용해 사용해도 되고 <td> Tag 내에서 <td align="...">와
같이 사용해도 됩니다.

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

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

작성일2005-02-22 16:42

등록된 댓글이 없습니다.

이름 필수
비밀번호 필수
내용
자동등록방지	자동등록방지 자동등록방지 숫자를 순서대로 입력하세요.

번호	제목	글쓴이	날짜	조회
95	[펌 강의] 20. 프레임(Frame) 나누기 (II)	써니	2005-02-24	6070
94	컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1]개	선달	2005-02-23	7257
93	컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1]개	써니	2005-02-23	6323
92	대단 합니다 써니님...... !! 댓글[1]개	선달	2005-02-24	6797
91	sim 에 문제가 있어 프로그램을 종료해야 한다는데......??? 댓글[1]개	So.Cal.	2005-02-23	6296
90	[펌 강의] 19. 프레임(Frame) 나누기 (I) 댓글[1]개	써니	2005-02-22	7411
89	[펌 강의] 18. 프레임(Frame) tag 댓글[1]개	써니	2005-02-22	6949
88	[펌 강의] 17. 프레임(Frame)이란 무엇일까?	써니	2005-02-22	8824
열람중	[펌 강의] 16. Table을 이용한 이력서 만들기	써니	2005-02-22	17635
86	[펌 강의] 15. Table 예제 몇 개 댓글[1]개	써니	2005-02-22	5949
85	디지탈 카메라에 대해 댓글[1]개	당췌모름	2005-02-21	7313
84	포맷변환에대해 댓글[1]개	막무가네	2005-02-21	6555
83	포맷변환에대해 댓글[1]개	써니	2005-02-21	6921
82	포맷변환에대해 댓글[1]개	Simple	2005-02-21	7053
81	포맷변환에대해 댓글[1]개	simple	2005-10-26	6102
80	USB 드라이브에 중요한걸 저장해놨는데 댓글[2]개	컴맹	2005-02-19	7342
79	USB 드라이브에 중요한걸 저장해놨는데 댓글[1]개	Compusa	2005-03-07	7768
78	USB 드라이브에 중요한걸 저장해놨는데 댓글[1]개	lee	2005-03-06	6465
77	Hangul for window xp 댓글[3]개	John	2005-02-19	7303
76	싸이에 mp3 올릴수있나요? 댓글[1]개	갈켜주세요	2005-02-19	7238
75	[정보] 동영상을 다운로드 하는 방법 댓글[4]개	써니	2005-02-16	8991
74	[펌 강의] 14. Table 안에 다른 Table 집어 넣기	써니	2005-02-16	8146
73	[펌 강의] 13. Table에 색상과 배경 넣기	써니	2005-02-16	8998
72	[펌 강의] 12. Table Tag에서 사용되는 옵션 댓글[1]개	써니	2005-02-16	6920
71	[펌 강의] 11. Table의 이해와 Table Tag 댓글[1]개	써니	2005-02-16	6790
70	[펌 강의] 10. HTML에 Image 넣기 댓글[1]개	써니	2005-02-16	7899
69	Window screen got shrink??? 댓글[1]개	sonny	2005-02-16	8755
68	Window screen got shrink??? 댓글[1]개	써니	2005-02-16	7547
67	Window screen got shrink???	sonny	2005-02-16	8405
66	compusa 님 답글 감사합니다. 근데,여전히 문제가.. 댓글[1]개	mask	2005-02-14	6753

컴퓨터/인터넷 125 페이지

[펌 강의] 16. Table을 이용한 이력서 만들기

페이지 정보

관련링크

본문