2022 SW전문인재양성사업/웹 퍼블리싱

HTML5 기초 (5) - 이력서 만들기

마루설아 2022. 7. 26. 18:58
<!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>Document</title>
    <style>
        h1{
            width: 600px;
            text-align: center;
            border-top: 3px solid black;
            border-bottom: 3px solid black;
        }

        table{
            border: 1px solid black;
            border-collapse: collapse;
        }

        td{
            width: 100px;
            height: 20px;
            text-align: center;
        }

        tr{
            width: 150px;
            height: 20px;
            text-align: center;
        }

        .foot{
            text-align: center;
            width: 600px;
        }

    </style>
</head>
<body>
    <h1>이 력 서</h1>
    1.기초자료
    <table width="600px" border="1">
        <tr>
            <td rowspan="6">사진</td>
            <td bgcolor="skyblue">성명</td>
            <td></td>
            <td bgcolor="skyblue">한문</td>
            <td></td>
        </tr>
        <tr>
            <td bgcolor="skyblue">주민등록번호</td>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td bgcolor="skyblue">E-mail</td>
            <td colspan="4"></th>
        </tr>
        <tr>
            <td bgcolor="skyblue">전화번호</td>
            <td></td>
            <td bgcolor="skyblue">휴대폰</td>
            <td></td>
        </tr>
        <tr>
            <td bgcolor="skyblue">우편번호</td>
            <td></th>
            <td bgcolor="skyblue">비상연락처</td>
            <td></td>
        </tr>
        <tr>
            <td bgcolor="skyblue">주소</td>
            <td colspan="4"></td>
        </tr>
    </table>

    <br />2.학력사항
    <table width="600px" border="1">
        <tr>
            <td bgcolor="skyblue">기간</td>
            <td bgcolor="skyblue">실습내용</td>
            <td bgcolor="skyblue">비고</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>

    <br />3.경력사항
    <table width="600px" border="1" cellspacing=1>
        <tr>
            <td bgcolor="skyblue">기간</td>
            <td bgcolor="skyblue">관련내용</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>

    <br />4.개인능력 및 장단점
    <table width="600px" border="1" cellspacing=1>
        <tr>
            <td rowspan="2" bgcolor="skyblue">자격 및 포상</td>
            <td colspan="2"></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="2"></td>
            <td></td>
        </tr>
        <tr>
            <td rowspan="2" bgcolor="skyblue">컴퓨터 능력</td>
            <td></td>
            <td bgcolor="skyblue">상/중/하</td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td bgcolor="skyblue">상/중/하</td>
            <td></td>
        </tr>
        <tr>
            <td bgcolor="skyblue">취미</td>
            <td></td>
            <td bgcolor="skyblue">특기</td>
            <td></td>
        </tr>
    </table>

    <div class="foot">
        <br />위의 사실이 틀림없음을 서약합니다. <br /><br />
        작성일 월 일<br /><br />
        작성자: (인)<br /><br />
    </div>
</body>
</html>