/html

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

🚀 미션: 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에 작성한다.

👏 Contributing

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

사용한 태그

  1. div태그, 화면에서 들어갈 요소들의 공간을 나누기 위해 사용했습니다.
  2. a태그, 화면사이 링크 혹은 다른사이트로 링크를 위해 사용했습니다.
  3. h1~h6 태그, 일반 텍스트보다 강조되는 문자가 필요할때 사용했습니다.
  4. form태그, 입력이 필요한 시점에서 하나의 보따리처럼 모아서 보내줄 필요가 있어 폼태그를 사용했습니다.
  5. input태그, 사용자에게 입력을 받기 위해 사용했습니다. radio, text
  6. img태그, 사용자에게 이미지를 보여주기 위해 사용했습니다.
  7. button태그, 사용자들에게 버튼을 만들어 입력의 대한 결과를 제출할 수 있도록 추가했습니다.
  8. nav 태그, 사이트의 네비게이션을 만들기위해 사용했습니다.
  9. textarea 태그, 사용자에게 키보드로 텍스트를 입력받기위해 사용했습니다.
  10. ul li태그, 목록을 보여주기위해 사용했습니다. 이 부분은 SNS 이미지를 넣었습니다.