Giter Club home page Giter Club logo

html's Introduction

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

이번 미션의 주제는 바로 90년생 HTML을 주제로 웹페이지를 작성하는 것입니다. 작성방식은 자유입니다. 신문기사, 블로그, 위키백과 같은 사전 등 여러가지 형태로 남길 수도 있을텐데요. 본인이 원하는 형태로 작성해주시면 됩니다. 90년생 HTML의 이야기를 담아내면서 글, 링크, 사진, 동영상, 구독 메일 등을 담을 수 있을텐데요. 그 과정에서 필요한 HTML 태그들을 MDN 링크를 통해 직접 찾아보시길 바랍니다.


요구사항

  • <html> <head> <title> <body> 태그를 반드시 포함한다.
  • <head> 태그 안에는 <meta charset="utf-8"> 를 삽입한다.
  • 위 5개의 태그를 제외하고 최소 10개 이상의 태그를 이용한다.
  • 1개 이상의 이미지 또는 비디오를 삽입한다.
  • 댓글을 작성하는 input 또는 textarea 태그를 사용한다. (실제 동작할 필요는 없음)
  • 자신이 사용한 태그들의 기능을 README.md에 작성한다.

작성한 태그 기능

  • h1 ~ h6 : 문단의 제목을 나타내며 숫자가 작을수록 글자의 크기가 커짐. 단순히 글자의 크기가 크게 보일뿐만 문서를 파악하기 위해 쓰임.
  • p : paragraph, 즉 문단의 약자로, 하나의 문단을 만들 때 쓰임.
  • a : 하이퍼링크를 생성하는 태그, href 속성을 통해 가고자하는 링크에 연결할 수 있다.
  • div : Division의 약자로 일종의 레이어 기능을 수행하는데, 페이지의 전체적인 틀을 만들 때 주로 쓰인다.
  • iframe : inline frame을 정의할 때 쓰이는 태그로 현재 페이지 안에 다른 페이지를 넣을 때 사용한다.
  • img : 페이지에 이미지를 삽입하고자 할 때 쓰이는 태그
  • ol : ordered list의 약자로 순서가 있는 목록을 만들 때 쓰이는 태그
  • ul : unordered list의 약자로 순서가 필요없는 목록을 만들 때 쓰임
  • li : 목록에 실제로 들어가게끔할 내용을 작성하는 태그
  • b : 글자를 굵게 보이게 만드는 태그

👏 Contributing

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

html's People

Contributors

minuyim avatar wmakerjun avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.