Developer Factory

[HTML5] div, span의 차이 본문

Developer/Html

[HTML5] div, span의 차이

Jeremy.Park 2014. 6. 12. 00:49
<html>
<head>
    <title>div, span Tag</title>
</head>
<body>
 <div>Lorem ipsum</div>
 <div>Lorem ipsum</div>
 <div>Lorem ipsum</div>
 <div>Lorem ipsum</div>
 <div>(Block 형식으로 나눔)</div>
    <br />    
 <span>Lorem ipsum</span>
 <span>Lorem ipsum</span>
 <span>Lorem ipsum</span>
 <span>Lorem ipsum</span>
 <span>(inline 형식으로 나눔)</span>
</body>
</html>






<html>
       <head> <!-- 콘텐츠의 부가정보 -->
        <!-- 콘텐츠가 어떤 형식이고, 어떤 문자집합으로 되어 있는지 웹 브라우저에게 알려줌 -->
             <meta http-equiv="Content-Type" content= "text/html; charset=UTF-8">
            
             <!-- 웹 브라우저 타이틀바 또는 탭바에 출력될 제목 -->
             <title> HTML001</title >
             <style>
            div, span {
              border : 2px red solid ;
            }
            div { width : 350px ; }
             </style>
       </head>
       <body> <!-- 콘텐츠 본문 -->
      
       div에 대하여...
       <div>
       형식: block (라인 전체를 점유) <br/>
       용도: 콘텐츠 또는 HTML 컴포넌트를 묶는다.
       </div>
       그렇군요...
       <span>
      형식: inline (현재 라인에 삽입) <br/>
      용도: 일부 콘텐츠를 묶을때 사용. 
       </span>
       아하...
      
      
       </body>
</html>


저작자표시

'Developer > Html' 카테고리의 다른 글

[HTML] 테이블: 행( tr), 열(th , td)  (0) 2014.06.16
[HTML5] ol, ul tag  (0) 2014.06.12
[HTML5] 기본 TEXT 형식  (0) 2014.06.12
[HTML5] 폼태그 - Basic form tag  (0) 2014.06.12
[HTML5] 비디오 태그 - vidio.js, 플러그인, 자막  (0) 2014.06.12
'Developer/Html' Related Articles more