/html

우테코 크루들이 담아내는 90년생 HTML의 이야기 저장소

Primary LanguageHTML

🚀 미션: 90년생 HTML 소개하기

이번 미션의 주제는 바로 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에 작성한다.

사용한 태그

  • h1, h2, h3: 제목(heading)을 표시할 때 사용된다.
  • br: 단락에서 텍스트를 강제로 줄바꿈 한다.
  • div: 태그자체는 특별한 의미가 없으며 문서의 영역을 지정하는데 사용한다.
  • ul: 아이템의 순서가 중요하지 않은 목록을 나타낸다.
  • li: 목록 아이템을 나타낸다.
  • a: 텍스트에 링크를 설정한다.
  • header: 네비게이션을 돕거나 소개를 나타내는 그룹을 표현한다.
  • footer: 저작권 정보나 서비스 제공자 정보등을 나타낸다.
  • img: 이미지를 삽입한다.
  • iframe: 문서내에 다른 문서를 내포할 수 있게 해준다.
  • span: 인라인 요소로 그것 자신만으로는 아무런 의미를 갖지 않는다.
  • button: 버튼을 생성한다.
  • input: 폼 안에 기본적인 컨트롤을 생성한다.
  • script: 동적 스크립트와 데이터 블럭을 문서에 포합시킨다.

👏 Contributing

만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.