4. <div>, <span>

1. <div>

• HTML 문서 내에서 한 개의 가로 공간(Block)을 만드는 태그
• div 태그들을 연달아 사용했을 때, 열 형식으로 나열된다.

<div style="border: 1px solid blue">div 태그</div>
<div style="border: 1px solid blue">div 태그</div>
<div style="border: 1px solid blue">div 태그</div>

 

- 실행 결과

div 태그

div 태그

div 태그

 

2. <span>

• 주어진 이미지, 내용에 의하여 사이즈가 유동적으로 바뀌는 태그
• span 태그들을 연달아 사용했을 때, 행 형식으로 이어서 나열된다.

<span style="border: 1px solid blue">span 태그</span>
<span style="border: 1px solid blue">span 태그</span>
<span style="border: 1px solid blue">span 태그</span>

 

- 실행 결과

span 태그 span 태그 span 태그