HTML 3.table과 ul,ol 태그

table 태그

• 표를 표현
• 1.table 태그
• 2.thead와 tbody
• 3.tr 여러개
• 4.thead의 tr안에는 th
• 4.tbody의 tr안에는 td

table 내부 태그 설명

• thead : 테이블 태그의 제목을 표현하는 태그
• tbody : 테이블 태그의 내용을 표현하는 태그
• tr : 하나의 행을 나타내기 위한 태그
• th : 제목 행(thead>tr)에서 열을 나타내기 위한 태그
• td : 내용 행(tbody>tr)에서 열을 나타내기 위한 태그
• tfoot : 테이블 태그의 요약을 표현하는 태그
• caption : 테이블의 제목을 표현하기 위한 태그

table 기본구조

<table>
    <thead>
        <tr>
            <th>표제1</th>
            <th>표제2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>내용1</td>
            <td>내용2</td>
        </tr>
    </tbody>
</table>

출력모습

표제1	표제2
내용1	내용2

ul태그과 ol태그

• ul: Unordered HTML List. 번호가 안 붙는 무순서 정렬
• ol : Ordered HTML list. 번호가 붙는 순서 정렬
• 내부에 li태그를 이용하여 목록을 적는다.

ul, ol 기본 구조

<ul>
    <li>목록1</li>
    <li>목록2</li>
    <li>목록3</li>
</ul>

<ol>
    <li>목록1</li>
    <li>목록2</li>
    <li>목록3</li>
</ol>

출력 모습

• 목록1
• 목록2
• 목록3

1. 목록1
2. 목록2
3. 목록3