HTML 핵심 정리

핵심 요소 정리

• 블록(상자) 요소

  • div: 특별한 의미가 없는 구분을 위한 요소
  • h1: 제목을 의미하는 요소
  • p: 문장을 의미하는 요소

• 인라인(글자) 요소

  • img: 이미지를 삽입하는 요소
  • ul: 순서가 필요없는 목록의 집합을 의미
    • li: 목록 내 각 항목
  • a: 다른/ 같은 페이지로 이동하는 하이퍼링크를 지정하는 요소
  • span: 특별한 의미가 없는 구분을 위한 요소
  • br: 줄바꿈 요소
  • label: 라벨 가능 요소(input)의 제목

• 인라인(글자) 요소 + 블록(상자) 요소 = Inline-block

  • input: 사용자가 데이터를 입력하는 요소

• 테이블 요소

  • table: 표 요소, 행과 열의 집합

주석

Mac OS: Cmd +/
Windows: Ctrl +/
<!--contents--!>
</*contents */>

전역 속성

• 요소에 적용할 스타일을 지정
  <태그 style="스타일"></태그>
• 요소를 지칭하는 중복 가능한 이름
  <태그 class="이름"></태그>
• 요소를 지칭하는 고유한 이름
  <태그 id="이름"></태그>
• 요소에 데이터를 지정
  <태그 data-이름="데이터"></태그>