🖥️ [UIUX] 1128 HTML Coding, 코딩 기초 7

✏️ 2024. 11월 28일 / HTML Coding, 코딩 기초 7

📂 HTML 태그 기초 - 공간을 나누는 태그
✖️
오늘 알려드릴 태그는 HTML 태그중에서도 굉장히 중요한
공간을 나누는 태그에 대해 알려드리려고 합니다.
태그의 이름은 <div>태그 입니다.
div 태그는 우선 사용 빈도수가 굉장히 높습니다.
속성은 block 속성이며, 보통 레이아웃을 구성할 때 많이 사용합니다.
div 태그는 신기하게도 태그를 적용해보면


이렇게 아무런 디자인도, 효과도 없습니다.
말 그대로 공간을 나누는, 투명한 빈박스를 div라고 합니다.
div는 넓이와 높이값을 지정해주어야 공간이 생기며, 넓이와 높이를 지정해주지 않으면 공간이 생기지 않습니다.
block 속성을 가진 태그들은 넓이와 높이를 가질 수 있습니다.
이렇게 박스의 넓이와 높이가 생겼을 때 컨텐츠를 배치하고 레이아웃을 설정할때 css box model을 사용합니다.
이 다음 포스팅에서는 div에 css를 적용하여 나타내는 방법을 포스팅 하려합니다.