HTML-2

개발자·2023년 7월 5일

HTML&CSS

목록 보기
2/2

태그는 크게 BOXITEM으로 나눌 수 있다.

🔎 ITEM

사용자에게 보여짐

a video button audio input map label canvas img table

🎁BOX

ITEM들을 잘 정리할 수있도록 도와줌
안에 컨텐츠가 없으면 내용이 보이지 않음

header section footer article nav div aside sapn main form

aritcle : 재사용 가능한 것들을 묶은 것

h1태그는 안에 내용이 없으면 사용자에게 보여지지 않아서 box라고 할 수 있지만, h1은 자동적으로 컨텐츠를 데코레이션 하기 때문에 box가 아니라고 간주함.


사용자에게 보여지는 item들은 Block 과 Inline으로 나눌 수 있다.

  • Block: 한줄에 하나씩
  • Inline: 공간이 있으면 한 줄에 여러개

span 태그는 인라인 레벨
div 태그는 블락 레벨

-> css를 통해서 수정가능함.


Tag & Element

  • Element: 태그가 시작하고 끝나는 하나
  • Content: 태그 안에 있는 내용
  • Attribute: 태그 안에 있는 속성

ol : orderlist
ul : unorderlist
li : list안에 들어가는 list item들

profile
개발자로 성장하는 과정을 담아보자

0개의 댓글