블록 요소와 인라인 요소
블록 요소 (Block Elements)
- 기본적으로 새로운 줄에서 시작하며, 전체 너비를 차지합니다.
- 다음 블록 요소와는 항상 새로운 줄에서 배치됩니다.
- ex ) div, hn, p, ul, ol, li, header, footer, section, article 등
인라인 요소 (Inline Elements)
- 새로운 줄을 시작하지 않으며, 요소가 포함된 텍스트의 흐름에 따라 배치됩니다.
- 요소의 너비와 높이를 지정할 수 있지만, 기본적으로는 내용에 따라 크기가 결정됩니다.
- ex ) span, a, strong, em, img, input 등
부모 - 자식 - 형제
부모
- 특정 태그를 감싸고 있으면, 감싸고 있는 태그는 감싸진 태그의 부모 태그입니다.
- ex ) div 태그는 a, p 태그의 부모 태그입니다.
자식
- 특정 태그에 의해 감싸지고 있으면, 감싸진 태그는 감싸고 있는 태그의 자식 태그입니다.
- ex ) div 태그는 a, p 태그의 부모 태그입니다.
형제
- 같은 부모 태그를 가지고 있는 태그는 형제 태그입니다.
- ex ) a, p 태그는 형제 태그입니다.
<div>
<a>...</a>
<p>...</p>
</div>코드의 가독성을 위해서 줄 바꿈과 들여쓰기를 하는 습관을 들여주세요.
