[HTML/CSS] HTML 구성 요소

요소

시작 태그와 종료 태그 그리고 태그 사이에 위치한 내용으로 구성되는 모든 명령어

태그

• 시작 태그와 닫는 태그로 구성

• 닫는 태그가 없는 경우가 있다.(외운다기보다는 뜻을 보면 닫을 필요가 없다, 내용이 없기 때문)

  br(break row: 개행, 줄바꾸기), hr(horizontal row: 수평선), img(이미지, 링크로 표현하기 때문에 내용이 없는 것), input(사용자에게 입력값을 받기 위한 모양을 만드는 것), link, meta(관련 값을 속성 값으로 배치하는 것일 뿐 내용이 없다)

• 닫는 태그의 쌍을 잘 확인해야한다. 오류를 반환하지 않고 레이아웃이 깨진 상태로 출력된다.

속성

• 요소의 시작 태그 안에 사용한다.

• 태그별로 사용하는 속성이 같은 것도 있지만 다른 것도 많다.

• 전역으로 사용하는 대표적인 속성

  id: 문서 전체에서 유일한 고유 식별자 지정

  class: 공백으로 구분된 해당 요소의 클래스의 목록(CSS, JS에서 요소를 선택하거나 접근)

  data-*: 페이지에 개인 사용자 정의 데이터를 저장하기 위해 사용

  style: inline 스타일

  title: 요소에 대한 추가 정보 지정

  tabindex: 요소의 탭 순서