Section 5. 폼과 테이블(1)

Contents

• HTML 테이블 개요
• 테이블: TR, TD, Th 요소
• 테이블: Thread, Tbody, Tfoot 요소
• 테이블: Colspan & RowSpan

1. 테이블 요소

• TR
• TD
• Th
• Thread
• Tbody
• Tfoot

In:

<table>
        <thread>
            <tr>
                <th>Animal</th>
                <th>Average mass
                    [kg (lb)]
                </th>
                <th>Maximum mass
                    [kg (lb)]
                </th>
                <th>Flighted</th>
            </tr>
        </thread>
        <tbody>
            <tr>
                <td>Ostrich</td>
                <td>104 (230)</td>
                <td>156.8 (346)</td>
                <td>no</td>
            </tr>
            <tr>
                <td>Wild Turkey</td>
                <td>13.5 (29.8)</td>
                <td>39 (86)</td>
                <td>Yes</td>
            </tr>
            <tr>
                <td>Somali Ostrich</td>
                <td>90 (200)</td>
                <td>130 (287)</td>
                <td>No</td>
            <tr>
        </tbody>
    </table>

Out:

Animal	Average mass [kg (lb)]	Maximum mass [kg (lb)]	Flighted
Ostrich	104 (230)	156.8 (346)	no
Wild Turkey	13.5 (29.8)	39 (86)	Yes
Somali Ostrich	90 (200)	130 (287)	No

---

2. 표 병합

• Colspan
• Rowspan

In:

 <table>
        <thread>
            <tr>
                <th rowspan="2">Animal</th>
                <th colspan="2">Average Mass</th>
                <th rowspan="2">Flighted</th>
            </tr>
            <tr>
                <th>KG</th>
                <th>LB</th>
            </tr>
        </thread>
        <tbody>
            <tr>
                <td>Ostrich</td>
                <td>104</td>
                <td>230</td>
                <td>no</td>
            </tr>
            <tr>
                <td>Wild Turkey</td>
                <td>13.5</td>
                <td>29.8</td>
                <td>Yes</td>
            </tr>
            <tr>
                <td>Somali Ostrich</td>
                <td>90</td>
                <td>200</td>
                <td>No</td>
            <tr>
        </tbody>
    </table>

Out:

Animal	Average Mass	Flighted
KG	LB
Ostrich	104	230	no
Wild Turkey	13.5	29.8	Yes
Somali Ostrich	90	200	No

---

Form은 좀 더 정리가 필요하여 추가 학습 예정이다.

---

https://github.com/htright/TheWebDeveloper_Bootcamp

git checkout be7076a510d4c822d0bd9b00cdebb58f3955bfe1