이번 미션의 주제는 바로 90년생 HTML을 주제로 웹페이지를 작성하는 것입니다. 작성방식은 자유입니다. 신문기사, 블로그, 위키백과 같은 사전 등 여러가지 형태로 남길 수도 있을텐데요. 본인이 원하는 형태로 작성해주시면 됩니다. 90년생 HTML의 이야기를 담아내면서 글, 링크, 사진, 동영상, 구독 메일 등을 담을 수 있을텐데요. 그 과정에서 필요한 HTML 태그들을 MDN 링크를 통해 직접 찾아보시길 바랍니다.
- 위 미션은 Repository에서 기존의 미션을 진행하던 방식과 동일하게 진행합니다.
- PR을 보내면 @eastjun이 확인 후 merge할 예정입니다.
- 마감기한은 2020년 3월 23월 월요일 23:59분 까지입니다.
- 작성한 html은 @eastjun이 웹핸드북으로 제작하여 배포할 예정입니다. 예쁘게 만들 필요는 없지만 내용에 성의를 보여주세요 😀
-
<html><head><title><body>태그를 반드시 포함한다. -
<head>태그 안에는<meta charset="utf-8">를 삽입한다. - 위 5개의 태그를 제외하고 최소 10개 이상의 태그를 이용한다.
- 1개 이상의 이미지 또는 비디오를 삽입한다.
- 댓글을 작성하는
input또는textarea태그를 사용한다. (실제 동작할 필요는 없음) - 자신이 사용한 태그들의 기능을 README.md에 작성한다.
만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.
<link>: 외부 파일을 연결한다.<div>: 문서 내 요소들을 그룹화 한다. 부모 요소 범위 내 해당 수평 라인을 모두 차지하는 블럭 요소이다.<iframe>: 페이지 내에 외부 페이지를 삽입한다.<hn>: 제목을 나타낸다.<p>: 문단을 나타낸다.<br>: 줄넘김을 나타낸다.<b>: 해당 부분을 굵게 표시한다.<img>: 이미지를 삽입한다.<input>: form의 요소 중 하나로, 사용자의 입력을 받는다.<script>: 코드를 참조한다.<header>: 시맨틱 태그의 일종이다. div와 같은 기능을 갖는다.<footer>: 시맨틱 태그의 일종이다. div와 같은 기능을 갖는다.<article>: 시맨틱 태그의 일종이다. div와 같은 기능을 갖는다.
- 시맨틱 태그 : div의 과도한 사용으로 html 문서의 가독성이 떨어져 대안으로 나온 의미를 가진(semantic) 태그