<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
.body {
font-size: 20px;
font-family: "๋ง์ ๊ณ ๋", ๋๋๊ณ ๋, ๋์, sans-serif;
margin: auto;
background: #eee;
}
.body-container {
padding: 20px;
}
.table {
width: 100%;
border-collapse: collapse;
border: 0;
margin-top: 30px;
}
.table tr {
border-bottom: 1px solid #eee;
font-size: 20px;
font-weight: 400;
}
.table thead tr:first-child {
border-bottom: 3px solid orange;
color: orange;
font-size: 28px;
font-weight: 700;
}
.table th, .table td {
padding: 6px 0;
border: none;
border-left: none;
border-right: none;
text-align: center;
padding: 10px;
margin: 20px;
}
.box {
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
font-weight: 600;
color: white;
border-bottom-right-radius: 40px 30px;
border-bottom-left-radius: 40px 30px;
}
</style>
<title>Resume</title>
</head>
<body>
<div class="box"
style="background: orange; width: 700px; height: 100px; font-size: 40px; margin: auto; line-height: 2.5;
">R
E S U M E | ์ด๋ ฅ์</div>
<div style="width: 1000px; height: 1000px; margin: auto;">
<div>
<img src="yujeong.png" width="200" height="280"
style="padding-top: 40px; padding-left: 10px; padding-right: 15px; float: left; margin: auto;">
</div>
<table class="table" border="1" style="width: 600px; height: 10px;">
<thead>
<tr>
<td>๊ฐ์ธ์ ๋ณด</td>
</tr>
</thead>
<tbody>
<tr>
<td>์ด ๋ฆ</td>
<td>์ด์ ์ </td>
</tr>
<tr>
<td>์๋
์์ผ</td>
<td>1992.05.06</td>
</tr>
<tr>
<td>์ฃผ์</td>
<td>์์ธ์ ๋ง๋ผ๋ ๋ฏธ๋ฆฌ๋ก</td>
</tr>
<tr>
<td>์ ํ๋ฒํธ</td>
<td>010-0000-0000</td>
</tr>
<tr>
<td>์ฑ๋ณ</td>
<td>์ฌ</td>
</tr>
<tr>
<td>์ด๋ฉ์ผ</td>
<td>miridih@gamil.com</td>
</tr>
</tbody>
</table>
<table class="table" border="1" style="width: 900px; height: 10px">
<thead>
<tr>
<td>ํ๋ ฅ์ฌํญ</td>
</tr>
</thead>
<tbody>
<tr>
<td>2009-2011</td>
<td>๋ฏธ๋ฆฌ๋์์ธ ๊ณ ๋ฑํ๊ต ์กธ์
</td>
<td>์๊ฐ ๋์์ธ๊ณผ ์ ๊ณต</td>
</tr>
<tr>
<td>2009-2011</td>
<td>๋ฏธ๋ฆฌ๋ํ๊ต ์กธ์
</td>
<td>๋ฉํฐ ๋ฏธ๋์ด ๋์์ธ๊ณผ ์ ๊ณต</td>
</tr>
<tr>
<td>2009-2011</td>
<td>๋ฏธ๋ฆฌ๋ํ์ ์กธ์
</td>
<td>์๊ฐ ๋์์ธ๊ณผ ์ ๊ณต</td>
</tr>
</tbody>
</table>
<table class="table" border="1"
style="width: 430px; height: 10px; float: left">
<thead>
<tr>
<td>์์๋ด์ญ</td>
</tr>
</thead>
<tbody>
<tr>
<td>2011</td>
<td>ํ๊ฒฝ๋์์ธ ๊ณต๋ชจ์ </td>
<td>(๊ธ์)</td>
</tr>
<tr>
<td>2011</td>
<td>์ ๊ตญ ๋์์ธ ๊ณต๋ชจ์ </td>
<td>(์์)</td>
</tr>
<tr>
<td>2011</td>
<td>๋ธ๋๋ ๊ณต๋ชจ์ </td>
<td>(ํน์ )</td>
</tr>
<tr>
<td>2011</td>
<td>์ฐ์ ๋์์ธ ๊ณต๋ชจ์ </td>
<td>(๋์)</td>
</tr>
</tbody>
</table>
<table class="table" border="1" style="width: 450px; height: 10px">
<thead>
<tr>
<td>์๊ฒฉ์ฆ</td>
</tr>
</thead>
<tbody>
<tr>
<td>2009</td>
<td>GTQ ํฌํ ์ต</td>
<td>1๊ธ</td>
</tr>
<tr>
<td>2009</td>
<td>์น ๋์์ธ ๊ธฐ๋ฅ์ฌ</td>
<td>์ค๊ธฐ</td>
</tr>
<tr>
<td>2009</td>
<td>ITQ ์์
</td>
<td>A๊ธ</td>
</tr>
<tr>
<td>2009</td>
<td>ITQ ํ๊ธ</td>
<td>A๊ธ</td>
</tr>
</tbody>
</table>
<table class="table" border="1" style="width: 900px; height: 10px">
<thead>
<tr>
<td>๊ฒฝ๋ ฅ์ฌํญ</td>
</tr>
</thead>
<tbody>
<tr>
<td>2009 - 2011</td>
<td>(์ฃผ)MIRIDIH</td>
<td>์น ๋ธ๋ก์์ด ๋์์ธ</td>
</tr>
<tr>
<td>2009 - 2011</td>
<td>๋ฏธ๋ฆฌ ๋์์ธ</td>
<td>ํํ์ด์ง ๋์์ธ</td>
</tr>
<tr>
<td>2009 - 2011</td>
<td>๋ฏธ๋ฆฌ๋ํ๊ต</td>
<td>์กธ์
์ค๋น ์์ํ ๋ก๊ณ ๋์์ธ</td>
</tr>
<tr>
<td>2009 - 2011</td>
<td>MD ๋์์ธ</td>
<td>์์ 2D CG ๋์์ธ</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
![[HTML] 04. ํ
์ด๋ธ ํ๊ทธ ์ค์ต](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbmUI8p%2FbtrMrTTQ7VX%2FAAAAAAAAAAAAAAAAAAAAAA1Pd_wqzcEHaMs4IqIjD1c3NpUABzUyfCQBLnyzNVd4%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DH0qE5ufobm2gdYdkzWw%252FoNAKs5A%253D)