728x90
과제 내용
입사지원서 작성
- 하단의 입사지원서를 table태그를 이용하여 동일하게 작성
- 사진넣기
결과물
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>입사지원서</title>
</head>
<body>
<div>
<!-- 입사지원서 타이틀 -->
<table style="width: 1000px; border-collapse: collapse;">
<col style="width:700px;">
<col style="width:30px;">
<col style="width:100px;">
<tr>
<th rowspan="2"><h1> 입 사 지 원 서</h1></th>
<td rowspan="2" style="border: 1px solid black; background-color:beige; ">지원 <br> 분야</td>
<td style="border: 1px solid black;">1.</td>
</tr>
<tr>
<td style="border: 1px solid black;">2.</td>
</tr>
</div>
</table>
<br>
<!-- 사진, 인적사항-->
<table style="width: 1000px; border-collapse: collapse;">
<col style="width:150px;">
<col style="width:30px;">
<col style="width:70px;">
<col style="width:50px;">
<col style="width:50px;">
<col style="width:200px;">
<col style="width:100px;">
<col style="width:200px;">
<tr>
<th rowspan="10" style="border: 1px solid black;"> <img src="https://search.pstatic.net/sunny/?src=https%3A%2F%2Ffimg5.pann.com%2Fnew%2Fdownload.jsp%3FFileID%3D54590178&type=a340" alt="한소희 증명사진" style="height: 140px; width:120px;"></th>
</tr>
<tr>
<th rowspan="10"></th>
</tr>
<tr>
<th rowspan="6" style="border: 1px solid black; text-align: center; background-color:beige">인 <br> 적 <br> 사 <br> 항</th>
<td rowspan="2" style="border: 1px solid black; text-align: center;">성<br>명</td>
<td style="border: 1px solid black; text-align: center;">한 글</td>
<td style="border: 1px solid black;"> <br> </td>
<td style="border: 1px solid black; text-align: center;">주민번호</td>
<td style="border: 1px solid black;"> <br> </td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;">한 자</td>
<td style="border: 1px solid black;"> <br> </td>
<td style="border: 1px solid black; text-align: center;">생년월일</td>
<td style="border: 1px solid black;"> <br> </td>
</tr>
<tr>
<td colspan="2" style="border: 1px solid black; text-align: center;">현 주 소</td>
<td colspan="3" style="border: 1px solid black;"> <br> </td>
</tr>
<tr>
<td colspan="2" style="border: 1px solid black; text-align: center;">국 적</td>
<td colspan="3" style="border: 1px solid black;"> <br> </td>
</tr>
<tr>
<td colspan="2" style="border: 1px solid black; text-align: center;">E-Mail</td>
<td colspan="3" style="border: 1px solid black;"> <br> </td>
</tr>
<tr>
<td colspan="2" style="border: 1px solid black; text-align: center;">자택전화</td>
<td style="border: 1px solid black;"> <br> </td>
<td style="border: 1px solid black; text-align: center;">휴대폰</td>
<td style="border: 1px solid black;"> <br> </td>
</tr>
</table>
<br>
<!-- 학력 사항-->
<table style="width: 1000px; border-collapse: collapse;">
<col style="width: 70px;">
<col style="width: 200px;">
<col style="width: 200px;">
<col style="width: 150px;">
<col style="width: 250px;">
<col style="width: 150px;">
<tr>
<th rowspan="5" style="border: 1px solid black; text-align: center; background-color:beige" >학 <br> 력 <br> 사 <br> 항</th>
<td style="border: 1px solid black; text-align: center;" >학 교 명</td>
<td style="border: 1px solid black; text-align: center;" >재 학 기 간</td>
<td style="border: 1px solid black; text-align: center;" >전 공</td>
<td style="border: 1px solid black; text-align: center;" >주간/야간</td>
<td style="border: 1px solid black; text-align: center;" >소재지</td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
</table>
<br>
<!-- 경력 사항-->
<table style="width: 1000px; border-collapse: collapse;">
<col style="width: 70px;">
<col style="width: 200px;">
<col style="width: 200px;">
<col style="width: 150px;">
<col style="width: 250px;">
<col style="width: 150px;">
<tr>
<th rowspan="5" style="border: 1px solid black; text-align: center; background-color:beige" >경 <br> 력 <br> 사 <br> 항</th>
<td style="border: 1px solid black; text-align: center;" >직 장 명</td>
<td style="border: 1px solid black; text-align: center;" >근 무 기 간</td>
<td style="border: 1px solid black; text-align: center;" >근 무 부 서</td>
<td style="border: 1px solid black; text-align: center;" >담 당 업 무</td>
<td style="border: 1px solid black; text-align: center;" >퇴 직 사 유</td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
</table>
<br>
<!-- 자격증-->
<table style="width: 1000px; border-collapse: collapse;">
<col style="width: 70px;">
<col style="width: 150px;">
<col style="width: 100px;">
<col style="width: 150px;">
<col style="width: 150px;">
<col style="width: 200px;">
<col style="width: 150px;">
<tr>
<th rowspan="3" style="border: 1px solid black; text-align: center; background-color:beige" >자 <br> 격 <br> 증</th>
<td style="border: 1px solid black; text-align: center;" >자 격 명</td>
<td style="border: 1px solid black; text-align: center;" >취득일자</td>
<td style="border: 1px solid black; text-align: center;" >발급기관</td>
<td style="border: 1px solid black; text-align: center;" >자 격 명</td>
<td style="border: 1px solid black; text-align: center;" >취득일자</td>
<td style="border: 1px solid black; text-align: center;" >발급기관</td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
<td style="border: 1px solid black; text-align: center;" > <br> </td>
</tr>
</table>
<br>
<!-- 가족사항, 능력사항-->
<table style="width: 1000px; border-collapse: collapse;">
<col style="width: 70px;">
<col style="width: 80px;">
<col style="width: 120px;">
<col style="width: 80px;">
<col style="width: 180px;">
<col style="width: 80px;">
<col style="width: 100px;">
<col style="width: 80px;">
<col style="width: 150px;">
<col style="width: 80px;">
<tr>
<th rowspan="6" style="border: 1px solid black; text-align: center;background-color:beige">가족<br>사항</th>
<td style="border: 1px solid black; text-align: center;">관계</td>
<td style="border: 1px solid black; text-align: center;">성명</td>
<td style="border: 1px solid black; text-align: center;">연령</td>
<td style="border: 1px solid black; text-align: center;">직업</td>
<td style="border: 1px solid black; text-align: center;">동거</td>
<th rowspan="6" style="border: 1px solid black; text-align: center; background-color:beige">능<br>력<br>사<br>항</th>
<td rowspan="4" style="border: 1px solid black; text-align: center;">O<br>A<br>사<br>항</td>
<td colspan="2" style="border: 1px solid black; text-align: center;"><br></td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td rowspan="2" style="border: 1px solid black; text-align: center;">외국</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
</table>
<br>
<!--기타사항, 병역사항-->
<table style="width: 1000px; border-collapse: collapse;">
<col style="width: 70px;">
<col style="width: 100px;">
<col style="width: 200px;">
<col style="width: 100px;">
<col style="width: 200px;">
<col style="width: 100px;">
<col style="width: 150px;">
<col style="width: 200px;">
<tr>
<th rowspan="5" style="border: 1px solid black; text-align: center; background-color:beige">기<br>타<br>사<br>항</th>
<td style="border: 1px solid black; text-align: center;">거주형태</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;">신 장</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<th rowspan="5" style="border: 1px solid black; text-align: center; background-color:beige">병<br>역<br>사<br>항</th>
<td style="border: 1px solid black; text-align: center;">구 분</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;">종 교</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;">체 중</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;">군 별</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;">취 미</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;">시 력</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;">계 급</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;">특 기</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;">혈액형</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;">기 간</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: center;">결혼여부</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;">과외활동</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
<td style="border: 1px solid black; text-align: center;">면제사유</td>
<td style="border: 1px solid black; text-align: center;"><br></td>
</tr>
</table>
<h3 style="width: 1000px ; text-align: center;">본인은 상기 기록이 사실임을 확인합니다.</h6>
<h3 style="width: 1000px ; text-align: center;">2000년 00월 00일 작 성 자: </h6>
</body>
</html>입 사 지 원 서 |
지원 분야 |
1. |
|---|---|---|
| 2. |
| |
|||||
|---|---|---|---|---|---|
| 인 적 사 항 |
성 명 |
한 글 | |
주민번호 | |
| 한 자 | |
생년월일 | |
||
| 현 주 소 | |
||||
| 국 적 | |
||||
| |
|||||
| 자택전화 | |
휴대폰 | |
||
| 학 력 사 항 |
학 교 명 | 재 학 기 간 | 전 공 | 주간/야간 | 소재지 |
|---|---|---|---|---|---|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
|
|
|
| 경 력 사 항 |
직 장 명 | 근 무 기 간 | 근 무 부 서 | 담 당 업 무 | 퇴 직 사 유 |
|---|---|---|---|---|---|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
|
|
|
| 자 격 증 |
자 격 명 | 취득일자 | 발급기관 | 자 격 명 | 취득일자 | 발급기관 |
|---|---|---|---|---|---|---|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
| 가족 사항 |
관계 | 성명 | 연령 | 직업 | 동거 | 능 력 사 항 |
O A 사 항 |
||
|---|---|---|---|---|---|---|---|---|---|
| 외국 | |||||||||
| 기 타 사 항 |
거주형태 | 신 장 | 병 역 사 항 |
구 분 | |||
|---|---|---|---|---|---|---|---|
| 종 교 | 체 중 | 군 별 | |||||
| 취 미 | 시 력 | 계 급 | |||||
| 특 기 | 혈액형 | 기 간 | |||||
| 결혼여부 | 과외활동 | 면제사유 |
본인은 상기 기록이 사실임을 확인합니다.
2000년 00월 00일 작 성 자:
728x90
'블록체인_9기 > 과제' 카테고리의 다른 글
| 6강_230307_과제_github 연동 (0) | 2023.03.14 |
|---|---|
| 5강_230306_과제_메가박스 영화목록 (1) | 2023.03.14 |
| 4강_230303_과제_유튜브 재생화면 제작 (0) | 2023.03.14 |
| 3강_230302_과제_리스트만들기 (0) | 2023.03.14 |
| 1강_230227_과제_자기소개서 작성 (0) | 2023.03.13 |
