티스토리 뷰

반응형

✏️ 4장 마무리 문제 - 1번

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>4-1 마무리 문제</title>
  </head>
  <body>
    <h1>수습 국원 모집</h1>
    <h2>방송에 관심 있는 새내기 여러분 환영합니다.</h2>
    <p>
      교내 방송국에서 신입생을 대상으로 수습 국원을 모집합니다. 학부와 전공은
      상관없습니다.<br />방송에 관심 있는 여러 학우의 지원 바랍니다.
    </p>
    <ul>
      <li><b>모집 기간</b> : 3월 2일 ~ 3월 11일</li>
      <li><b>모집 분야</b> : 아나운서, PD, 엔지니어</li>
      <li>
        <b>지원 방법</b> : 양식 작성 후 이메일 접수<br />
        <em>지원서 양식은 교내 방송국 홈페이지 공지 게시판에 있습니다.</em>
      </li>
    </ul>

    <h3>혜택</h3>
    <ol type="a">
      <li>수습기자 활동 중 소정의 활동비 지급</li>
      <li>정기자로 진급하면 장학금 지급</li>
    </ol>
    <img src="images/mic.jpg" alt="" />
  </body>
</html>

 

✏️ 4장 마무리 문제 - 2번

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>4-2 마무리 문제</title>
    <style>
      table, td, th {
        border: 1px dotted black;
        border-collapse: separate;
      }
      th, td {
        padding: 10px 20px;
      }
      td:last-child {
        width: 200px;
      }
    </style>
  </head>
  <body>
    <h1>수습 국원 지원 양식</h1>
    <table>
      <tr>
        <th rowspan="3">개인정보</td>
        <th>이름</th>
        <td></td>
      </tr>
      <tr>
        <th>학과/학번</th>
        <td></td>
      </tr>
      <tr>
        <th>연락처</th>
        <td></td>
      </tr>
      <tr>
        <th>지원 분야</th>
        <td colspan="2"></td>
      </tr>
    </table>
  </body>
</html>
반응형
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함