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

등록된 댓글이 없습니다.

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

번호	제목	글쓴이	날짜	조회
3815	Re: 인터넷으로한국방송어디서보나요 댓글[6]개	Chang	2015-05-27	57886
3814	동영상을 카피?	무식쟁이	2005-02-14	25608
3813	LINUX 리눅스 종류와 차이점 댓글[3]개	zxc	2015-09-06	23146
3812	동영상 다운 어케 .... 댓글[2]개	컴맹..	2006-11-16	22864
3811	best tablet 댓글[3]개	gidarim	2015-09-13	22629
3810	모니터& TV 해상도에 대해 질문이 있어요. 댓글[3]개	cblknepab	2015-09-30	22209
3809	[펌 강의] 25. Form에 대한 개요	써니	2005-02-28	21054
3808	이베이에서 실수로 락 되어 있는 아이폰 구입했는데 락 푸는 방법? 댓글[3]개	아이폰	2014-03-20	18841
3807	Chang 샘님도와주세요-Win Vista version 의 Task Bar 에 Speaker i-con 이… 댓글[3]개	peter kim	2015-09-02	18826
3806	[펌 강의] 28.텍스트 영역(Text Area)	써니	2005-02-28	18797
3805	휴대전화 세가지 신호 전송방법 댓글[2]개	zxc	2015-08-15	18793
3804	comcast internet or modem+router? 댓글[7]개	minga	2015-06-08	18545
3803	com 의 VGA port 와 monitor HDMI 조심 댓글[3]개	com	2016-09-05	18332
3802	컴퓨터 고수님들 알려주세요 댓글[3]개	sangchoi	2015-11-06	18106
3801	안테나 소개 TV Antenna 댓글[1]개	안테나	2015-10-11	18100
3800	모뎀라우터 콤보와 AT&T U-Verse Internet /w Voice 에 대해 질문이 있어요. 댓글[2]개	aeolkdb	2015-09-18	17956
3799	ms office office 댓글[2]개	캄맹	2015-09-12	17927
열람중	[펌 강의] 16. Table을 이용한 이력서 만들기	써니	2005-02-22	17628
3797	인터넷 tv 연결 댓글[8]개	Rick	2015-05-14	17487
3796	[펌 강의] 26. Input Type Form (I) - 텍스트, 암호 댓글[15]개	써니	2005-02-28	17325
3795	win10 소리가 안나요 댓글[2]개	win10	2016-01-08	17232
3794	모니터 크기별 해상도에 대해 질문이 있어요. 댓글[3]개	aeolkdb	2015-09-08	16963
3793	daum naver 권리침해 ? 댓글[4]개	권리침해?	2016-08-29	16522
3792	황당한 데스크탑 과 모니터 댓글[1]개	리모트조정	2015-10-05	16137
3791	sfkorean 게시판의 취약성 댓글[1]개	전문가	2015-03-01	16010
3790	youtube 다운받는 방법 댓글[2]개	youtube	2016-06-15	15943
3789	office 2007 댓글[5]개	진짜 초보자	2016-10-12	15863
3788	MS Excel 한칸에 많은 글을 쓰기 댓글[1]개	com	2016-07-19	15797
3787	Fry's Electronics 광고요청 댓글[2]개	컴퓨터	2016-01-29	15726
3786	window 10 에서 printer 하는방법 댓글[1]개	zzz	2015-09-12	15617

컴퓨터/인터넷 1 페이지

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

페이지 정보

관련링크

본문