CSS_Layout_1

오늘은 HTML에서의 Layout에 대해서 포스팅 할께요!

먼저 Layout에는 Inline 과 Block Level 이렇게 두가지가 있습니다.

말보다는 코딩으로 보여드릴께요!

여기 결과 화면에서 보시면

h1태그로 묶인부분은 화면 전체가 네모칸이 쳐져있구요

a태그로 묶인 부분은 a태그인 부분만 네모칸이 쳐져있습니다.

이로써 a 태그는 인라인이고 h1태그는 블럭레벨임을 알 수가 있었습니다.

그럼 바꿀수도 있을까요?

style 태그안에서 h1의 display속성을 inline으로 바꾸고 a의 display속성을 block으로 바꾸면 위의 결과화면처럼

바뀌어 나타나는 것을 볼 수가 있습니다!