HTML block elements

모든 html 요소는 기본적인 배치 값이 존재한다. 배치 값은 크게 block과 inline으로 나뉜다.

 

Block level element

block 수준 요소는 새로운 라인에서 배치되며 가능한 한 최대 너비를 차지한다. 대표적인 block 요소로는 

<div> <h1>-<h6> <li> <ol> <ul> <p> <table>등 이 있다.

 

Inline element

inline 요소는 새로운 라인에 배치되지 않고 자신을 표현할 때 필요한 너비만 차지한다. 대표적인 inline요소로는

<span> <a> <button>  <i>  <img> <input> <label> <select> <textarea>  

 

popular element 

<div> div 요소는 보통 다른 html 요소들은 감싸기 위한 용도로 쓰인다.

<span> span 요소는 보통 문자열을 감싸기 위한 용도로 쓰인다. 부분적인 문자열에 특정 스타일을 입힐 때도 자주 쓰인다.