[HTML] div태그와 span태그, block형식과 inline형식에 대한 정보 !

  

div태그(block형식)와 span태그(inline형식)

 

< div태그와 span태그 >

 ● div태그

 block 형식으로 공간을 분할.

● span태그
 inline 형식으로 공간 분할.

  

< block형식과 inline형식 >

● block형식

 좀 더 넓은 범위를 지정할 때 사용하는 <p>, <hl>, <div>, <ul>, <ol> 같은 태그로 block요소를 사용할 때는 가로화면 100%를 차지함으로 자동으로 앞뒤 줄바꿈이 된다.

● inline형식
 :줄 속에 넣는 요소이며 <b>, <span>, <a>등 특정 문자열을 선택할 때 사용하는 태그. 특징은 줄바꿈이 되지 않는다.

 

< 사용예제 >

관련글 더 보기

 2014/08/12 - [HTML] iframe태그에 대한 정보 !

 2014/08/12 - [HTML] HTML과 XHTML의 차이점 !

 2014/08/11 - [HTML] CSS파일을 별도로 생성, HTML문서에 연결시키는 방법 !

 2014/08/04 - [HTML] HTML 리스트 태그(ul, ol, dl, li)

 2014/08/04 - [HTML] 테이블(Table)의 경계선과 여백을 조정하는 법

↓ 공감 을 눌러주시면 블로거에게 큰 힘이 됩니다 !