🚀 미션: 90년생 HTML 소개하기
이번 미션의 주제는 바로 90년생 HTML을 주제로 웹페이지를 작성하는 것입니다. 작성방식은 자유입니다. 신문기사, 블로그, 위키백과 같은 사전 등 여러가지 형태로 남길 수도 있을텐데요. 본인이 원하는 형태로 작성해주시면 됩니다. 90년생 HTML의 이야기를 담아내면서 글, 링크, 사진, 동영상, 구독 메일 등을 담을 수 있을텐데요. 그 과정에서 필요한 HTML 태그들을 MDN 링크를 통해 직접 찾아보시길 바랍니다.
안내사항
- 위 미션은 Repository에서 기존의 미션을 진행하던 방식과 동일하게 진행합니다.
- PR을 보내면 @eastjun이 확인 후 merge할 예정입니다.
- 마감기한은 2020년 3월 23월 월요일 23:59분 까지입니다.
- 작성한 html은 @eastjun이 웹핸드북으로 제작하여 배포할 예정입니다. 예쁘게 만들 필요는 없지만 내용에 성의를 보여주세요 😀
요구사항
- [ x ]
<html>
<head>
<title>
<body>
태그를 반드시 포함한다. - [ x ]
<head>
태그 안에는<meta charset="utf-8">
를 삽입한다. - [ x ] 위 5개의 태그를 제외하고 최소 10개 이상의 태그를 이용한다.
- [ x ] 1개 이상의 이미지 또는 비디오를 삽입한다.
- [ x ] 댓글을 작성하는
input
또는textarea
태그를 사용한다. (실제 동작할 필요는 없음) - [ x ] 자신이 사용한 태그들의 기능을 README.md에 작성한다.
👏 Contributing
만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.
태그 기능
- html : DTD를 제외한 전체를 이 태그로 둘러싼다.
- meta : HTML의 부가 정보를 선언하는 태그
- link : 별도의 CSS 선언 파일, 파비콘 등을 연결하는 태그.
- head : HTML 문서의 속성을 지정하기 위한 태그이다.
- body : HTML 문서의 본 모양을 나타내기 위한 태그이다.
- title : HTML의 제목을 선언하는 태그.
- div : 박스 또는 레이어를 표현하는 태그
- input : 입력값 요소를 지정한다. type에 따라 다른 입력값을 취한다.
- button : 버튼을 만드는 태그
- p : 문단을 묶어주는 역할
- h1, h2 : 제목(heading)을 표시할 때 사용된다
- iframe : 페이지 안에서 또 페이지를 볼 수 있다. 예를 들면 문서에서 구글 지도 등을 넣는 것이 있다.
- img : 페이지에 이미지를 추가하는 태그이다.
- table : 테이블을 만드는 태그이다.
- tr : 행(table row)을 시작한다.
- th : 테이블의 행, 열의 머리말(table heading)을 나타낸다.
- td : 표의 내용(table data), 셀을 표현한다.
- thead, tbody : 테이블의 세부 구조를 기술한다.
- ul : 순서 없는 목록(unordered list)을 표시한다.
- li : 목록에서 각 항목(list item)을 말한다
- a : 하이퍼링크를 생성하는 태그이다.
- footer : 문서나 특정 섹션(section)의 푸터(footer)를 정의할 때 사용하는 태그
- script : 자바스크립트와 같은 클라이언트측 스크립트를 정의하는 HTML 태그