HTML

[HTML] 테이블 만들기

Hwan'ss 2019. 8. 2. 08:27 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Table</title>
</head>
<body>
    <table border="1" width="400" height="300">
        <tr>
            <th colspan="3" style="background-color:lightskyblue">오늘의 수입/지출</th>
        </tr>
        <tr style="color: white">
            <th style="background-color: gray">내용</th>
            <th style="background-color: gray">수입</th>
            <th style="background-color: gray">지출</th>
        </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" style="background-color: gray">총계</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>