HTML - 목록과 표

<ol>

Ordered List , 정렬목록

<ol>
    <li>1번 아이템</li>
    <li>2번 아이템</li>
    <li>3번 아이템</li>
</ol>

1. 1번 아이템
2. 2번 아이템
3. 3번 아이템

✔ type 속성에 따라 숫자,알파벳,로마자로 변경 가능

<ul>

Unordered List, 비정렬목록

<ul>
    <li>1번 아이템</li>
    <li>2번 아이템</li>
    <li>3번 아이템</li>
    <ul>
    	<li>4번 아이템</li>
    	<li>5번 아이템</li>
    	<li>6번 아이템</li>
      <ul>
    	<li>4번 아이템</li>
    	<li>5번 아이템</li>
    	<li>6번 아이템</li>
      </ul>
    </ul>
</ul>

• 1번 아이템
• 2번 아이템
• 3번 아이템
• 4번 아이템
• 5번 아이템
• 6번 아이템
• 4번 아이템
• 5번 아이템
• 6번 아이템

✔ 중첩시 point 모양 자동으로 변경됨

<dl>

Definition List, 정의 목록 ( 용어를 설명하는 목록 )

• <dt>
  definition term ( 정의 용어 ) , 용어의 제목
• <dd>
  definition description ( 정의 설명 ) , 용어를 설명

<dl>
    <dt>Beast of Bodmin</dt>
    <dd>A large feline inhabiting Bodmin Moor.</dd>
    <dt>Morgawr</dt>
    <dd>A sea serpent.</dd>
    <dt>Owlman</dt>
    <dd>A giant owl-like creature.</dd>
</dl>

Beast of Bodmin A large feline inhabiting Bodmin Moor. Morgawr A sea serpent. Owlman A giant owl-like creature.

<table>

• <tr> : 테이블의 행을 의미하는 태그 자손으로 th나 td가 반드시 있어야 함
• <th> : 테이블의 제목 셀(칸)을 의미하는 태그. 부모인 tr안에 있어야 한다.
• <td> : 테이블의 일반 셀(칸)을 의미하는 태그. 부모인 tr안에 있어야 한다.
• <caption> : 표를 설명하는 요소로 표의 설명 또는 제목을 나타냄
  ❗ caption 요소는 부모 table 요소의 첫번째 자식이여야 함.
  ❗ caption 요소를 가진 table 요소가 만약 figure 요소의 유일한 자식인 경우 figcaption을 대신사용
  

<table>
	<caption>표제목</caption>
    <tr>
    	<th>제목셀1</th>
    	<th>제목셀2</th>
    </tr>
    <tr>
    	<td>일반칸1</td>
    	<td>일반칸2</td>
    <tr>
</table>

표제목

제목셀1	제목셀2
일반칸1	일반칸2