이번 미션의 주제는 바로 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을 보내주세요.
- div : 이 태그는 HTML 문서에서 경계선이나 구획을 뜻합니다. 보통 이 태그는 CSS에서 스타일을 입히거나 Javascript로 특정 임무를 수행할 수 있도록 HTML 엘리먼트들을 감싸주는 컨테이너 역할을 합니다.
- header: 이 태그는 소개용 목차를 의미하거나 네비게이터 링크들의 집합을 나타냅니다. 보통 이 태그에는 헤더 엘리먼트들이나 로고나 아이콘, 원저자에 대한 정보가 들어있습니다. 한 문서에 여러 개의 헤더를 가질 수 있습니다.
- footer: 이 태그는 어떤 문서나 섹션의 꼬리말을 의미합니다. 보통 원저자 정보, 저작권 정보, 연락정보, 사이트맵, 맨 위로 올라가는 링크, 관련문서들을 포함합니다. 헤더와 마찬가지로 한 문서에 여러 개의 헤더를 가질 수 있습니다.
- script: 이 태그는 클라이언트쪽 스크립트를 정의하기 위해 쓰입니다. 엘리먼트는 스크립트문들을 포함하거나 src 속성을 통해 외부의 스크립트 파일을 가리켜야 합니다.
- p: 이 태그는 문단을 의미합니다. 브라우저는 자동적으로 이 태그 전후로 공백을 집어넣습니다. 이 공백은 CSS margin 속성을 통해 변경할 수 있습니다.
- img: 이 태그는 HTML 페이지 안에 있는 이미지를 정의합니다. 이 태그는 src와 alt 속성을 필수로 가져야 합니다.
- a: 이 태그는 한 페이지를 다른 페이지로 연결하는 링크인 하이퍼링크를 정의합니다. 링크의 목적지는 href 속성으로 정할 수 있습니다.
- span: 이 태그는 한 줄 안에 들어가는 요소들을 묶기 위해 쓰입니다.
- button: 이 태그는 클릭 가능한 버튼을 정의합니다. 이 엘리먼트 안에 글이나 이미지 같은 내용물을 집어넣을 수 있습니다.
- br: 이 태그는 줄바꿈을 삽입해줍니다. 이 태그에는 닫는 태그가 필요하지 않습니다.(이를 empty 태그라고 합니다)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent