[Html] Table 정리

• 테이블 생성 <table> 태그
• 행 생성 <tr> 태그
• 열 생성 <th> 태그
• 내용 <td> 태그
• 각 열의 의미부여 [thead, tbody, tfoot] 태그
• 가로로 셀병합 colspan 속성 EX)
• 세로로 셀병합 rowspan 속성 EX)
• 표 제목 생성 <caption> 태그

<table border="1" bordercolor="blue" width ="500" height="300" align = "center" >
    <tr bgcolor="blue" align ="center">
	<p><td colspan = "3" span style="color:white">오늘의 수입/지출</td></p>
    </tr>
    <tr align = "center" bgcolor="skybule">
	<td>내용</td>
	<td>수입</td>
	<td>지출</td>
    </tr>
    <tr>
	<td>월급!</td>
	<td>1,000,000</td>
	<td></td>
    </tr>
    <tr>
	<td>점심값</td>
	<td></td>
	<td>5,000</td>
    </tr>
    <tr>
	<td>부모님선물</td>
	<td></td>
	<td>30,000</td>
    </tr>
    <tr>
	<td rowspan="3" align = "center" bgcolor="skyblue">총계</td>
	<td>수입</td>
	<td>지출</td>
    </tr>
    <tr>
	<td>1,000,000</td>
	<td>35,000</td>	
    </tr>
    <tr>
	<td>남은돈</td>
	<td>965,000</td>	
    </tr>
</table>

오늘의 수입/지출 테이블

내용	수입	지출
월급!	1,000,000
점심값		5,000
부모님선물		30,000
총계	수입	지출
	1,000,000	35,000
	남은돈	965,000

참조 : www.coding-factory.tistory.com/184