[HTML] 태그 정리

박성진·2022년 1월 7일
1

HTML

목록 보기
1/1

제일 많이 쓰이는 HTML 태그 순으로 정리를 해보겠다.

[html]

  • 웹페이지의 시작과 끝을 정의한다.

[head]

  • 웹 페이지의 문서에서 사용할 외부 라이브러리, 파일 등을 링크할 때 사용한다.

[body]

  • 브라우저에 표시되는 내용을 담는다.

[title]

  • 웹사이트의 제목.

[meta]

  • 문자 인코딩 및 웹사이트의 키워드 및 요약 정보를 정의한다.

[div]

  • 콘텐츠들을 묶기 위한 컨테이너 같은 느낌이다.

[span]

  • div와 같이 콘텐츠를 묶기 위해 사용된다.

[a]

  • anchor, 즉 외부 웹사이트로 연결해주는 갈고리 같은 느낌. 하이퍼링크.

[script]

  • 코드를 웹사이트에 삽입 시 사용된다.

[link]

  • 외부 파일을 연결 때 사용된다.

[img]

  • 이미지 삽입 시 사용된다.

[p]

  • 단락.

[li]

  • ul과 ol안에서 항목을 나열할 때 사용된다.

[ul]

  • 순서가 없는 리스트이다.

[ol]

  • 순서가 있는 리스트이다.

[style]

  • 스타일 정보를 정의할 때 사용된다.

[br]

  • 줄 바꿈 태그.

[hn]

  • 제목 태그.

[input]

  • 사용자가 입력하는 부분을 만들기 위한 태그.

[form]

  • 요소등을 묶어주기위한 컨테이너 느낌.

[iframe]

  • 외부 페이지 삽입.

[nav]

  • 같은 사이트 안의 페이지나 다른 사이트의 페이지로 연결되는 링크를 정의한다.

[strong]

  • 강조하고 싶을 때 사용된다.

[footer]

  • 제작 정보 및 저작권 정보를 담기 위해 사용된다.

[header]

  • 제목을 지정한다.

[button]

  • 폼을 전송하거나 리셋 시 사용되는 버튼.

[i]

  • italics 효과 부여.

[b]

  • bold 효과 부여.

[aside]

  • 페이지 양 옆에 광고나 사이드바 표시 할 떄 사용된다.

위 태그 관련하여 정리는 https://pridiot.tistory.com/6를 참조하였다!

profile
개발자가 되기까지

1개의 댓글

comment-user-thumbnail
2022년 1월 11일

유용하네요 감사합니다 ☺️

답글 달기