HTML 자주 사용하는 태그!

어제 공부하면서 HTML 태그랑 아직 덜 친하다고 생각되서 오늘은 이와 관련되서 찾아보기로 했다. 마침 친절하게도 자주 사용하는 태그 순위도 있어서 신기했다.

1. 자주사용하는 태그 순위

HTML 자주 사용하는 태그 28순위

2. 설명!

근데 막상 찾아보고 보니 굳이 설명할 애들이 없네..

 

html , head, body : 전체태그, 문서의 속성, 문서의 본문을 나타내는 태그이다.

 

title , meta , link : 제목, 부가정보, 별도의 연결을 나타내는 태그이다.

 

header, footer : 페이지나 섹션 가장 윗부분에 넣는다. footer는 반대로 가장 아래에 넣는다.

 

div : 박스 or 레이어. 박스스타일 레이어다

 

span : div의 인라인 버전이다.

 

a : 하이퍼링크 생성 태그이다. Anchor의 줄임말이라고 한다. <a href=""></a> 많이 쓴다.

 

script : 스크립트를 사용한다. <script type="text/javascript"></script> 같이 많이 쓴다.

 

img : 이미지 추가 태그이다. 옵션으로 src 경로지정, alt 설명제공 , title 마우스올려놓으면 나오는 이름?정보 height, width 크기 등 이 있다.

 

p : paragraph 문단태그.

 

li , ul : unorder list, list item. 목록에서 각 항목, 순서없는 목록 이다.

 

style : CSS 이다.

 

br : line break. 다음줄로 보낸다.

 

h1, h2.... : 제목 heading을 표시할 때 쓴다. h1부터 h6까지 크기가 다르다. 6이 가장 작다.

 

input : 입력값을 넣는다. text, number, url, email, tel, search, range..... 매우 많은 type이 있다.

 

form : 입력값을 받는 영역이다. form 안에 form은 불가능하다.

 

nav : navigation. 안내하는 요소에 쓴다.

 

iframe : 프레임태그.

 

strong : 강한 강조. em으로 약한 강조도 있다.

 

i : 이탤릭체로 써진다.

 

자주 사용하는 만큼 많이 봐서 익숙하지만, 반대로 이것들만은 꼭 알아야 하지 않을까? 그럼 도망!