소프트웨어 이론교육/웹 퍼블리싱

HTML5 기초 (2) - table 태그

마루설아 2022. 7. 26. 18:52
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>테스트 홈페이지</h1>
    <table width="300px" border="1" bgcolor="#aaa" cellspacing="1">
        <tr height="100px" bgcolor="#fff">
            <td colspan="2" bgcolor="#f00">cell01</td>
            <td rowspan="2">cell03</td>
        </tr>
        <tr height="100px" bgcolor="#fff">
            <td rowspan="2">cell04</td>
            <td>cell05</td>
        </tr>
        <tr height="100px" bgcolor="#fff">
            <td>cell08</td>
            <td>cell09</td>
        </tr>
    </table>
</body>
</html>