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