HTML : Making Blocks

@Summary
  -. HTML 작성 전에 Web page 구조에 대한 설계가 선행되어야 함.
  -. Page 작성 시에는 Block element로 시작하고 Inline element로 마무리 함.

  -. 가급적 contents가 의미하는 바를 element를 사용해서 browser에 알려주는 것이 좋음.
  -. 항상 contents의 의미와 가장 근접한 element를 사용해야 함.
  -. 예를 들면 list가 필요할 때 paragraph를 사용하지 마라.

  -. Block Element 들은 독립적이며 그 안에 contents를 가지고 있고 위, 아래 공백이 있음.
  -. <p>, <blockquote>, <ol>, <ul>, <li> 는 모두 block element 임.
  -. Inline Element 들은 자신을 포함하는 contents의 나머지 부분과 함께 움직임.
  -. <q>, <em>, <img> 는 모두 inline element 임.
  -. Line Break 를 삽입하고 싶을 때는 <br> element 를 사용.

  -. <br> element 는 <img>와 같은 'void' element 임.
  -. void element는 contents를 가지고 있지 않음.
  -. void element는 오직 tag 하나로만 구성됨.

  -. HTML에서 list를 만들기 위해서는 2개의 element가 필요함.
  -. 정렬된 list를 위해 <li>와 <ol>을 사용함.
  -. 정렬되지 않은 list를 위해 <li>와 <ul>을 사용함.
  -. <li> 내부에 <ol>이나 <ul>을 넣음으로써 'nested' list를 만들 수 있음.

  -. contents 에 특수문자를 사용할 경우 'character entity(문자 속성)'을 사용할 수 있음.
  -. 예를 들면 다음과 같음. http://www.w3schools.com/tags/ref_entities.asp 를 참조.
     < 를 표현하기 위해 &lt;
     > 를 표현하기 위해 &gt;