-
<html><head><title><body>태그를 반드시 포함한다. -
<head>태그 안에는<meta charset="utf-8">를 삽입한다. - 위 5개의 태그를 제외하고 최소 10개 이상의 태그를 이용한다.
- 1개 이상의 이미지 또는 비디오를 삽입한다.
- 댓글을 작성하는
input또는textarea태그를 사용한다. (실제 동작할 필요는 없음) - 자신이 사용한 태그들의 기능을 README.md에 작성한다.
<meta>웹페이지의 보이지 않는 정보(meta data)를 제공한다.description,keywords,author,subject,classification등으로 정보를 표기해 검색엔진최적화(SEO)를 할 수 있다.<link>외부의 리소스들과 연결해준다.<header>내용의 소개를해주거나 네비게이션 링크를 보여준다. 전형적으로 h1같은 헤딩 태그나 로고, 아이콘이 들어간다. 시멘틱 태그에 해당한다.<nav>네비게이션 링크를 정의하는 태그이다. header와 마찬가지로 의도를 나타내는 시멘틱 태그이다.<div>분할되는 부분을 정의한다. 다른 태그들을 감싸 CSS를 통해 스타일을 적용하거나 JS를 통해 기능을 정의할때 사용한다.<a>다른 페이지로 이동해주는 하이퍼링크를 정의한다. a태그의 가장 중요한 속성은 href로 링크의 목적지를 나타낼 수 있다.<h1>header에서 주로 사용되는 태그이다. 제목을 나타내고 중요도에 따라 h1 부터 h6까지 지정할 수 있다.<section>문서를 구분해주는 태그이다. chapters, headers, footers와 마찬가지로 시멘틱 태그이다.<img>기술적으로 이미지는 html페이지 안에 넣을 수 없기 때문에 img태그에서 링크를 통해 불러온다. img태그는 참조된 이미지를 위한 공간을 만들어 준다.<input>사용자가 데이터를 넣을 수 있는 입력필드를 보여준다. form 태그를 사용해 입력을 제어한다고 선언하고, 사용자의 입력을 허용한다.