-
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>
'HTML&CSS > 실습' 카테고리의 다른 글
실습 - 이미지 클리하면 알림창 나타내기 (0) 2023.01.28 HTML 실습 - 지원 양식 만들기 (0) 2023.01.22 HTML 실습 - 이미지삽입 (0) 2023.01.22 CSS 실습 - 탐라국 입춘굿 (0) 2023.01.20 CSS 실습 - 클래스 선택자 사용하기 (0) 2023.01.20