<html>
<head>
<title> 초간단 테이블 </title>
</head>
<body>
<h2 align="center"> 초간단 테이블 만들기 </h2>
<table width="400" height="250" border="1" style="border-collapse:collapse; border:1px black solid;">
<tr bgcolor="blue"> <!-- 첫줄 -->
<td align = "center" colspan="3" style = "color:white" >오늘의 수입/지출</td>
</tr>
<tr bgcolor="skybule"> <!-- 2 -->
<td align = "center">내용</td>
<td align = "center">수입</td>
<td align = "center">지출</td>
</tr>
<tr> <!-- 3 -->
<td>월급!</td>
<td>1,000,000</td>
<td></td>
</tr>
<tr> <!-- 4 -->
<td>점심값</td>
<td></td>
<td>5,000</td>
</tr>
<tr> <!-- 5 -->
<td>부모님선물</td>
<td></td>
<td>30,000</td>
</tr>
<tr> <!-- 6 -->
<td align = "center" rowspan = "3" bgcolor="skybule">총계</td>
<td>수입</td>
<td>지출</td>
</tr>
<tr> <!-- 7 -->
<td>1,000,000</td>
<td>35,000</td>
</tr>
<tr> <!-- 8 -->
<td>남은 돈</td>
<td>965,000</td>
</tr>
</table>
</body>
</html>반응형
'자바과정 > HTML' 카테고리의 다른 글
| HTML 기초 3일 (0) | 2021.02.26 |
|---|---|
| HTML 실습 : 회원가입 양식 만들기 (0) | 2021.02.25 |
| HTML 기초 2일 (0) | 2021.02.25 |
| HTML 기초 1일 (0) | 2021.02.24 |
댓글