웹공부/CSS

CSS - 태그 종류

syom 2021. 9. 28. 18:29

태그 설명

div

블록 요소, 별다른 의미 없음

h1 (1~6)

인라인 요소, 제목을 의미하는 요소

p

블록 요소, paragraph (문장)을 의미하는 요소

img

인라인 요소, 이미지를 삽입 / 필수요소 : src , alt

ul

블록 요소, Unordered List 순서가 필요없는 목록의 집합 (ol도 있지만 잘 사용안함)

li

블록 요소, List Item 목록 내 각 항목

a

인라인 요소, anchor 다른/같은 페이지로 이동하는 하이퍼링크를 지정하는 요소

span

인라인 요소, 특별한 의미 없음

br

인라인 요소, 줄바꿈

input

인라인 이면서 블록 요소 : 인라인-블록 요소, 수평으로 쌓이지만 가로,세로 여백 지정 가능

  • 속성 type : 인풋받을 형식 지정 (text, checkbox, radio(택 1) ...)
  • 속성 value : 미리 입력될 값
  • 속성 placeholder : 사용자가 입력할 값의 힌트
  • 속성 disabled : 입력요소 비활성화
  • 속성 checked : 체크박스입력요소 미리 체크 되어있게

label

  • 인라인 요소, 라벨링이 가능한(input) 요소의 제목
<label>
	<input type="checkbox"/> Apple
</label>

table

테이블 요소(블록), 행과 열의 집합(표)

tr

테이블 요소, Table Row 행을 지정하는 요소 먼저 작성되어야 함

td

테이블 요소, Table data 열(Column)

'웹공부 > CSS' 카테고리의 다른 글

스타일 상속과 선택자 우선순위 정리  (0) 2022.02.04
CSS 선택자 정리  (0) 2022.02.03
CSS - 인라인(inline)요소와 블록(block)요소  (0) 2021.09.28
CSS - float 기반 레이아웃  (0) 2021.09.28
CSS 의 구성  (0) 2021.09.28