[HTML] HTML 기본기능, 영역 설정

<div></div>

1. 줄이 분리된다.
2. 줄이 바뀌며 고유한 본인의 영역이 생긴다.

가나다
<div style="width: 200px; height: 200px; background-color: green">
라마바 </div>

 

 

<span></span> 

1. 이전 내용의 바로 옆에 출력된다.
2. 앞에 연결이 되어야하기 때문에 스타일이 적용되지 않는다.

abc
<span style="width: 200px; height: 200px; background-color: yellow"> 
def </span>