메뉴 로그인 검색

웹퍼블리셔 온.오프라인 교육센타

마크업기초교육입니다

HTML5강좌

HTML기초.중급.개념.용어강의

바로가기

CSS3강좌

CSS기초.중급.고급.개념.용어강의입니다

바로가기

jQuery강좌

jQuery기초.중급.개념.용어강의입니다

바로가기

개인교습.세미나신청


마크업태그 -  블럭태그 / 인라인태그

 

/block tag

종류 : div,h1~h6,ul,li,ol,p

 

블럭은 사각형태를 말함

순차적으로 쌓임.옆에 다른 대상이 못옴(한층을 다 사용).기본적으로 꽉참

,너비,높이가 지정된다(여백을 줄수 있다)

 

/inline tag: 인라인태그 / 한줄에 배치가 됨,너비,높이(여백) 지정해도 적용되지 않음.
                a,img,span,strong,em....input

 

inline태그에 너비,높이(여백)을 적용하려면
display:block를 적용

 

 

 

 

 

블록 레벨 요소 (block-level elements)

- 블록레벨요소는 자신만의 영역을 가지고 있음.

- 영역을 직접 정할수 있음 (width, height, margin, padding 값 가능)

- 블록 레벨 요소 안에 인라인요소, 텍스트요소 포함가능

- div, p, h1,h2,h3,h4, dl, ul, li, ol, table 등

 

인라인 요소(inline elements)



- 인라인요소는 안에 있는 값의 크기에 따라 영역이 결정됨. 

- 인라인 자체의 영역은 정할수 없음(width, height, margin 값 없음.  padding 값은 가능)

- 인라인 요소 안에 텍스트요소는 가능하나 블록 레벨 요소 포함 불가능.

- span, strong, img, a ,iframe등...

TOTAL COMMENTS : 0

이 게시물은 댓글을 달 수 없습니다.

LOGIN

SEARCH

MENU NAVIGATION