HTML 태그 정리

문서 기본 태그

• html : 크게 head,body태그로 나뉜다.
• head : 문서에대한 정의를 설정하는 부분. head내에는 title , meta , css를 기입할 수 있는 style태그들이 들어간다.
• body : 문서의 내용이 기입되는 부분을 감싸는 태그이다.
• title : 웹 페이지 창의 이름을 바꿀 수 있다.
• style : head에 style로 css를 넣는 방법이 Internal Style Sheet이라고 부른다.
• h1~h6 : 웹 페이지에서 제목or로고 등을 넣는 문서의 가장 큰 제목이다. h1~h6태그는 순서대로 크기가 작아진다. h2는 웹 페이지의 부제목 들이 들어간다.
• br : 줄바꾸기 태그이다.

• div : display: block;을 가지고 있는 태그이다. 태그의 특별한 의미는 가지고 있지 않다.
• span : display: inline-block;을 가지고 있는 태그이다. 태그의 특별한 의미는 가지고 있지 않다.
• section : 하나의 페이지 안에서 주제가 다른 영역을 구분 짓거나 할 때에 사용한다.
• nav : 페이지의 이동을 위한 내비게이션을 위해 구성된 섹션이다.
• aside : 주된 본문 내용과 상관없는 인접한 콘텐츠에 사용한다. 관련사이트의 링크, 광고 등을 넣는다.
• article : 내용이 독립적이고 홀로 설 수 있는 내용을 담는다. 블로그 글, 뉴스 기사 등을 묶을 수 있다.
• header : 보통 문서의 최상단에서 소개나 네비게이션의 내용을 묶는대에 사용 한다.
• footer : 보통 문서의 최하단에서 저작권 정보나 작성자, 회사소개, 연락처 등이 적힌다.

• ol : ordered list. 리스트가 순서를 구분해야 할 때에 사용하는 태그이다. 자식으로는 li밖에 사용 할 수 없다.
• ul : unordered list. 리스트가 순서에 관계가 없을 때에 사용하는 태그이다. 자식으로는 li밖에 사용 할 수 없다.
• li : list. ol과ul의 자식이 되는 태그. 리스트의 항목을 감싸는 태그이다.

• table : 표를 만들 때에 사용하는 태그이다.
• thead : 항목을 구분 짓는 내용을 담은 태그. 첫줄에 사용한다.
• tbody : 표의 내용이 들어가는 태그.
• th : 설명적인 내용이 들어가는 태그. (표의 항목들을 구분하는 것들)
• tr : 표의 줄을 만드는 태그.
• td : 표의 셀을 만드는 태그.