ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • HTML 실습 - 모집 poster만들기
    HTML&CSS/실습 2023. 1. 22. 12:44

     

    나의 풀이   

    <!DOCTYPE html>
    <html lang="ko">
    <head>
      <meta charset="UTF-8">
      <title>연습문제 1</title>
    </head>
    <style>
      #container{
        margin-left:auto;
        margin-right:auto;   
        width:800px;
      }
    
      #italic{
        font-style: italic;
      }  
    
    </style>  
    <body>
      <div id="container">
        <h2>수습 국원 모집</h2>
        <h3>방송에 관심 있는 새내기 여러분 환영합니다</h3>
        <p>교내 방송국에서 신입생을 대상으로 수습 국원을 모집합니다. 학부나 전공에 상관없습니다.</p>
        <p>평소 방송에 관심있었던 여러 학우들의 지원 바랍니다</p> 
        <ul>
          <li><b>모집기간: </b> 3월 2일 ~ 3월 11일</li>
          <li><b>모집분야: </b> 아나운서, PD, 엔지니어</li>
          <li><b>지원방법: </b> 양식 작성 후 이메일 접수 </li>
          <p id="italic">지원서 양식은 교내 방송국 홈페이지 공지 게시판에 있습니다.</p>
        </ul>
    
      <h4>혜택</h4>
      <ol type="a">
        <li>수습기자 활동 중 소정의 활동비 지급</li>
        <li>정기자로 진급하면 장학금 지급</li>
      </ol>  
      <img src="./images/mic.jpg"> 
      </div>     
    </body>
    </html>

     

    해설풀이 

     

    <!DOCTYPE html>
    <html lang="ko">
    <head>
      <meta charset="UTF-8">
      <title>연습문제 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>
        <i>지원서 양식은 교내 방송국 홈페이지 공지 게시판에 있습니다.</i></li>
      </ul>
      <h3>혜택</h3>
      <ol type="a">
        <li>수습기자 활동 중 소정의 활동비 지급</li>
        <li>정기자로 진급하면 장학금 지급</li> 
      </ol>     
      <img src="images/mic.jpg" alt="">
    </body>
    </html>

    댓글

Designed by Tistory.