상세 컨텐츠

본문 제목

HTML: 블록 요소와 인라인 요소의 차이점을 알아봅시다!

Web/Education

by 윈원윗 2018. 11. 19. 14:58

본문

: 블록 요소는 박스, 인라인 요소는 텍스트를 의미합니다.

  • 블록 엘리먼트(Block Element)
    • 독립된 박스 영역으로, 한 줄에 하나의 블록 요소만 표현할 수 있습니다.
    • 블록 요소에는 블록 요소와 인라인 요소를 포함할 수 있습니다.
    • <div>, <p>, <h1~h6>, <ul>, <li>
  • 인라인 엘리먼트(Inline Element)
    • 독립된 텍스트 영역으로, 한 줄에 여러 개의 인라인 요소를 표현할 수 있습니다.
    • 인라인 요소에는 블록 요소가 포함될 수 없지만, 인라인 요소는 포함할 수 있습니다.
    • <span>, <a>, <strong>, <em>, <img>

 

관련글 더보기