[그린컴퓨터] 클라이언트/HTML

인라인과 블록

Ben의 프로그램 2023. 6. 20. 12:27
728x90

  • 인라인 태그는 자신의 콘텐츠만큼 크기를 사용한다
  • 블록 태그는 화면 전체 가로 크기를 사용한다. 

  • 인라인 요소는 가로 전체를 차지하지 않기 때문에 인라인 요소들 끼리는 같은 동일선상에서 놓이게 된다. 

  • 인라인 요소의 가장 큰 특징이라고 볼 수 있는 것은 바로 '크기를 지정할 수 없다'라는 점이다. 
  • 인라인 요소에는 좌우에만 여백(margin)을 지정할 수 있는 특성이 있다. 

  • 블록 요소는 생성이 되면 너비는 최대로 늘어나고 높이는 포함한 콘텐츠 크기만큼 늘어난다. 

  • 블록 요소의 가장 큰 특징은 인라인 요소와 다르게 너비 / 높이를 원하는 크기로 지정할 수 있다는 점이다.
  • 또한 블록 요소는 여백도 상하좌우 상관없이 자유롭게 지정해줄 수 있다. 

'[그린컴퓨터] 클라이언트 > HTML' 카테고리의 다른 글

HTML 핵심 요소 { div, h1, p, img, ul, a, span, br }  (0) 2023.06.21
전역 속성 { title, style, class, id }  (0) 2023.06.21
속성과 값 & 주석  (0) 2023.06.20
빈태그  (0) 2023.06.20
태그의 부모자식 관계  (0) 2023.06.20