많은 분들이 div와 span태그의 차이점을 잘모르시는것 같아서 포스팅합니다.


HTML에서


div는 블럭모드이고 span 태그는  인라인모드다~ 라고들 하시는데


도대체 블럭모드는 무엇이고 인라인모드는 무엇인가?


밑에 그림으로 설명해드리겠습니다.






왼쪽이 CSS 준거고 오른쪽이 body 태그안에 있는 실체입니다.


id값을 div01 02 03 04 차례대로 주고


스타일시트에는 테두리를 각각 색상만다르고 실선으로 3px 만큼 기본으로 적용시켰고 가로세로값

잡아주었고. 보기편하게하기위에 margin을 전체적으로 10px씩 주었습니다.




자보이시죠? 자동적으로 div 태그는 div 태그들끼리에는 밑으로 붙습니다

블럭쌓듯이... 그래서 블록모드 또한 블럭모드라고 합니다.

이제 SPAN태그를 볼까요?




아이디값만 변경해주고 나머지는 그대로 적용시켰습니다.




아닛? 근데 span은 가로  들어갔네?!



span과 div 기능은 정말정말 똑같은데 차이점이라하면 저렇게 블럭모드 냐 인라인모드냐 차이입니다.

하지만 div 모드도 CSS 적용시키면 가로정렬도 가능하다는것!!!

다음 포스팅때는 div 레이아웃 잡는것을 배워보겠습니다


다음에 봐요~~~










블로그 이미지

잡코드맨

댓글을 달아 주세요