XHTML - 07. XHTML 블록 요소와 인라인 요소

1. 블록 요소(Block element)
– 독립적인 형태의 상자

– 줄 바꿈이 일어나는 형태
– H1~h6, p, div
– 인라인 요소, 텍스트, 또 다른 블록레벨 요소를 포함

<h1>블록 요소</h1>
<p>p 요소는 블록 형태입니다.</p>
<div>div 블록 형태입니다.</div>

h1 블록 요소

p 요소는 블록 형태입니다.

div 블록 형태입니다.

 

2. 인라인 요소(inline element) 

– 줄바꿈이 일어나지 않는다
– 블록 상자 안의 일부
– a, img, em, strong, span
– 블록 요소를 포함할 수 없다
– 반드시 블록 레벨 요소에 포함시켜 표현

<strong>strong 태그 입니다.</strong>
<a href="">링크로 연결되는 a태그입니다.</a>
<span>span 태그입니다.</span>

h1 블록 요소 p 요소는 블록 형태입니다. div 블록 형태입니다.

 

블록 요소와 인라인 요소

• 블록 요소 안에 블록 요소, 인라인 요소 안에 인라인 요소 포함가능하다.
• 블록 요소는 다른 인라인 요소 안에 포함할 수 있다.
• 인라인 요소는 블록 요소를 포함 할 수 없다.