HTML의 List 와 Table

목록

1) 순서대로 번호가 붙은 목록(ordered list: ol),
2) 번호가 붙지 않은 목록(unordered list: ul)

웹브라우저는 콘텐츠를 라인 끝까지 출력 (콘텐츠에 포함된 엔터를 무시)
명시적으로 다음 라인으로 보내고 싶다면 <br> 태그를 사용

예)

<ol>
  <li>강남교육센터 본관</li>
  <li>강남교육센터 별관</li>
  <li>종로교육센터</li>
</ol>

<ul>
  <li>강남교육센터 본관</li>
  <li>강남교육센터 별관</li>
  <li>종로교육센터</li>
</ul>

테이블

테이블: 행(tr), 열(th, td)
th: table header (컬럼 헤더)
td: table data (데이터 항목)

예)

<table>
  <tr>
    <th>번호</th>
    <th>이름</th>
    <th>연락처</th>
    <th>이메일</th>
  </tr>

  <tr>
    <td>1</td>
    <td>홍길동</td>
    <td>111-2222</td>
    <td>hong@test.com</td>
  </tr>

  <tr>
    <td>2</td>
    <td>임꺽정</td>
    <td>111-3333</td>
    <td>leem@test.com</td>
  </tr>
</table>