분할태그

웹 페이지는 레이아웃을 구성하기 위해 공간을 분할하는데,

공간 분할 태그를 사용하면 레이아웃을 자유롭게 구성할 수 있다. 

 

div태그

 

• div는 분할을 뜻한다
• HTML요소를 논리적인 섹션으로 분할하여 스타일을 지정할 때 사용한다.
• 태그를 사용하여 공간을 분할하면 한 줄을 전부 차지

<div> div는 블록 태그입니다. </div>
<h3>h3은 블록태그입니다.</h3>
<p>p는 블록태그입니다.</p>

 

span태그

 

• 텍스트를 분할하여 일부 텍스트에 스타일 속성을 지정할 때 사용한다.
• 텍스트 크기만큼 공간을 차지한다

//기본형식
<span>내용</span>

//////////

<span>span태그는 인라인 태그</span>
<a href=#>링크태그는 인라인 태그</a>
<q> q태그는 인라인 태그</q>

 

블록태그와 인라인태그

• 블록 레벨 요소 : 내용을 블록으로 묶어서 처리하며 한 줄을 전부 차지, 너비(width)와 높이(height)를 가질 수 있음
• 인라인 레벨 요소 : 줄 바꿈 없이 표시 내용의 크기만큼 공간을 차지