[HTML] 이력서 작성하기 table 실습
반응형
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이력서</title>
</head>
<body>
<table border="1" width="800">
<tr>
<td rowspan="5" width ="85" height="113">
<img alt="사진" src="../img/s_anony.jpg">
</td>
<th colspan="9" height="50"><font size="5">이 력 서</font></th>
</tr>
<tr>
<th rowspan="3" width = "85" height="70" bgcolor="D5D5D5">성 명</th>
</tr>
<tr>
<th colspan ="2" bgcolor="D5D5D5">한 글</th>
<td width="90"></td>
<th bgcolor="D5D5D5">생 년 월 일</th>
<th colspan="2" width = "80" bgcolor="D5D5D5">E-mail</th>
</tr>
<tr>
<th colspan ="2" bgcolor="D5D5D5"> 한 문</th>
<td></td>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<th colspan="2" width="50" bgcolor="D5D5D5">연 락 처</th>
<td colspan="2"></td>
<th colspan="2" width = "50" bgcolor="D5D5D5">긴급 연락처(핸드폰)</th>
<td colspan="2"></td>
</tr>
<tr>
<th bgcolor="D5D5D5">현 주 소</th>
<td colspan="8"></td>
</tr>
</table>
<table border="1">
<tr>
<th colspan="6" width = "790" bgcolor="D5D5D5">학 력 사 항</th>
</tr>
<tr>
<th bgcolor="D5D5D5">학위과정</th>
<th bgcolor="D5D5D5">기 간</th>
<th bgcolor="D5D5D5">학 교 명</th>
<th bgcolor="D5D5D5">전 공</th>
<th bgcolor="D5D5D5">수료</th>
<th bgcolor="D5D5D5">졸업</th>
</tr>
<tr>
<td></td>
<td align="center">~</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td align="center">~</td>
<td align="right">대학교</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td align="center">~</td>
<td align="right" >대학원</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th colspan = "6" bgcolor="D5D5D5">전 공 경 력 사 항</th>
</tr>
<tr>
<th width="180" bgcolor="D5D5D5">근무년월</th>
<th width="200" bgcolor="D5D5D5">기 간</th>
<th width="100" bgcolor="D5D5D5">근 무 처</th>
<th width="100" bgcolor="D5D5D5">직 위</th>
<th colspan = "2" width = "70" bgcolor="D5D5D5">자 격 증</th>
</tr>
<tr>
<td align="center"> 년 개월</td>
<td align="center"> ~ </td>
<td></td>
<td></td>
<td colspan = "2"></td>
</tr>
<tr>
<td align="center"> 년 개월</td>
<td align="center"> ~ </td>
<td></td>
<td></td>
<td colspan = "2"></td>
</tr>
<tr>
<td align="center"> 년 개월</td>
<td align="center"> ~ </td>
<td></td>
<td></td>
<td colspan = "2"></td>
</tr>
<tr>
<td align="center"> 년 개월</td>
<td align="center"> ~ </td>
<td></td>
<td></td>
<td colspan = "2"></td>
</tr>
<tr>
<td align="center"> 년 개월</td>
<td align="center"> ~ </td>
<td></td>
<td></td>
<td colspan = "2"></td>
</tr>
<tr>
<td align="center"> 년 개월</td>
<td align="center"> ~ </td>
<td></td>
<td></td>
<td colspan = "2"></td>
</tr>
<tr>
<th bgcolor="D5D5D5">참 고 사 항</th>
<td colspan="5"></td>
</tr>
<tr>
<td colspan="6">
<p style = "text-align:center" >위 기재 사항은 사실과 틀림이 없습니다. </p>
<br/>
<br/>
<p style = "text-align:center" >20 년 월 일 </p>
<br/>
<br/>
<p style = "text-align:right" >(인) </p>
</td>
</tr>
</table>
</body>
</html>
반응형
'Programming > HTML-CSS' 카테고리의 다른 글
| [jQuery] 자주 사용하는 함수 모음 (0) | 2017.06.27 |
|---|---|
| [jQuery] HTML 테스터 (0) | 2017.06.23 |
| [jQuery] 선택자(Selector) :탐색 선택자, 속성 탐색 선택자(2) (0) | 2017.06.21 |
| [jQuery] 선택자(Selector) :탐색 선택자, 위치 탐색 선택자(1) (0) | 2017.06.20 |
| [jQuery] 선택자(Selector) :직접 선택자, 인접 관계 선택자 (0) | 2017.06.19 |
댓글