web-introduction 저장소를 기반으로 미션을 진행한다. 저장소를 자신의 계정으로 Fork 한다.
- 'introduction' 폴더는 'html' 폴더와 'images' 폴더로 이루어져 있습니다.
- 'html' 폴더에는 HTML 종류의 파일을 저장합니다.
- 'images' 폴더에는 이미지 파일을 저장합니다.
- HTML 파일의 인코딩 방식은 'UTF-8' 입니다.
- 이미지 파일의 경로는 모두 상대 경로가 기준입니다.
-
<head>
안에는<meta charset="utf-8">
을 집어넣습니다. -
<title>
은 재량 - 본문은
<div>
로 적절히 화면을 나누어야 합니다. - 적절히
<h#>
으로 섹션을 구분하여 주세요. - 본인의 이름과 간단한 자기소개가 문단으로 구성되어 있어야 합니다.
- 인생 영화 BEST5를 표로 정리하여 보여주세요.
- 영화의 포스터와 바로가기 링크(네이버 영화)는 꼭 있어야 합니다.
- 방문자가 남길 수 있는 방명록이 있어야합니다.
- 이름은
<input>
으로 type은 'text'입니다. - 방문자가 본인의 취향의 영화를 고를 수 있도록 체크박스 형태로 제공합니다. (예시 파일은 라디오버튼으로 되어 있어 오류!)
- 이름은
- 등록 버튼과 취소 버튼이 있어야 합니다.
- 등록 버튼은
<button>
을 사용하며 type은 'button'입니다. - 취소 버튼은
<button>
을 사용하며 type은 'reset'입니다.
- 등록 버튼은
- 본문에 관한 자세한 요구 사항 예시 파일을 참고해 주세요!
방명록에 등록한람 이름(OOO)과 일치하는 취향의 개수(N)를 조사하여 “OOO님, 저와 N개의 취향이 같으시네요!"라는 Alert를 띄워 주세요.