Day 8 HTML 정리

2022-04-06

블록(상자) 요소

가로 세로 값 지정 가능, 여백 사용 가능

div 특별한 의미가 없는 구분을 위한 요소
h1~6 제목을 의미하는 요소, 숫자가 작을수록 더 중요한 제목을 정의
p 문장을 의미하는 요소
ul(Unordered List) 순서가 필요없는 목록의 집합을 의미
li 목록 내 각 항목

인라인(글자) 요소

왼쪽에서 오른쪽으로 수평으로 쌓임

img 이미지를 삽입하는 요소, src="삽입할 이미지의 경로" alt="삽입할 이미지의 이름"
a 다른/같은 페이지로 이동하는 하이퍼링크를 지정하는 요소 href="링크 URL" target="링크 URL의 표시(브라우저 탭) 위치"
span 특별한 의미가 없는 구분을 위한 요소
br 줄바꿈 요소

인라인 블록 요소

가로 세로 값 지정 가능, 여백 사용 가능, 왼쪽에서 오른쪽으로 수평으로 쌓임

input 사용자가 데이터를 입력하는 요소
input type="text"일 때, value="미리 입력된 값" placeholder="사용자가 입력할 값의 힌트"
input type="checkbox"일 때, 뒤따르는 텍스트를 클릭해도 input 기능을 쓸 수 있게끔 하기 위해 label이라는 인라인 요소로 감싸준다

input type="radio"일 때, checkbox와는 다르게 사용자에게 체크 여부를 그룹에서 1개만 입력 받을 수 있음, name이라는 속성으로 그룹을 생성해 묶을 수 있다.

테이블 요소

표 요소, 행(Row)과 열(Column)의 집합

tr 행을 지정하는 요소, 열을 감싼다
td 열을 지정하는 요소