블록요소와 인라인 요소
블록 요소 - body태그에서 사용하는 태그 중 브라우저의 공간 유무와 상관없이 사용할 때 마다 줄바꿈 되는 태그 (hn태그나 p태그) 이런 태그로 작성한 코드를 블록 요소 라고 합니다.
인라인 요소 - 공간이 부족할때만 줄바꿈 되는 코드로 (a, span 태그) 등이 있습니다.
부모, 자식, 형제 관계
html은 태그를 작성할 때 부모, 자식, 형제관계가 만들어지는데 html태그 안에 head태그와 body태그가 있습니다. head태그와 body태그는 html태그의 자식이 됩니다. 반대로 html태그는 두 태그에 대해 부모가 됩니다. head태그와 body태그는 부모가 같으므로 형제관계가 됩니다.
<html>
<head>
</head>
<body>
</body>
</html>줄 바꿈과 들여쓰기
html 문서를 작성할 때는 되도록 줄바꿈과 들여쓰기를 하는게 좋습니다. 문법상 강제는 아니지만 암묵적 룰입니다. 줄바꿈과 들여쓰기를 하면 코드의 가독성을 높일 수 있고 코드를 확인하거나 수정할 때 편합니다. 태그는 부모 자식 형제 관계가 있다고 했는데, 줄바꿈과 들여쓰기를 한다면 금방 이 관계를 파악할 수 있습니다.
컴퓨터 공학을 공부중인 윤준석 입니다!