선택장애

HTML - 테이블 간단예제 본문

HTML

HTML - 테이블 간단예제

yes or yes 2017. 8. 14. 14:57
반응형



<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>



<h2 align="center">초간단 테이블 만들기</h2>
<table width="400" height="250" align="center">



<tr bgcolor="yellow" align="center">
<td colspan="3"><font color="red">오늘의 수입/지출</font></td>
</tr>



<tr align="center" bgcolor="blue">
<td>내용</td>
<td>수입</td>
<td>지출</td>
</tr>



<tr>
<td>월급</td>
<td>1000000</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" bgcolor="blue">총계</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>
</body>
</html>
반응형
저작자표시

'HTML' 카테고리의 다른 글

HTML - onclick으로 alert띄우기  (0) 2022.05.02
HTML - 이미지 띄우기 (img src)  (0) 2022.05.02
테이블 비율이 안 맞을 때 (colgroup, th, td)  (0) 2020.09.17
HTML - 프레임  (0) 2017.08.14
HTML - 라디오버튼, 체크박스, select option  (0) 2017.08.14
'HTML' Related Articles more