web study

행병합 rowspan 본문

web/html

행병합 rowspan

nayeon web 2022. 12. 27. 13:51
<!DOCTYPE html>
<html lang="ko">
<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>행 병합 rowspan</title>
</head>
<body>
    <h1>행 병합 rowspan</h1>
    <table border="1">
        <thead>
            <tr>
                <th></th>
                <th>넷플릭스</th>
                <th>티빙</th>
                <th>apple TV</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>6pm - 7pm</th>
                <td rowspan="2">영화</td>
                <td>코미디</td>
                <td rowspan="3">뉴스</td>
            </tr>
            <tr>
                <th>7pm - 8pm</th>
                <td rowspan="2">스포츠</td>
            </tr>
            <tr>
                <th>8pm - 9pm</th>
                <td>다큐멘터리</td>
            </tr>
        </tbody>
    </table>
</body>
</html>
행 병합 rowspan

행 병합 rowspan

넷플릭스 티빙 apple TV
6pm - 7pm 영화 코미디 뉴스
7pm - 8pm 스포츠
8pm - 9pm 다큐멘터리

'web > html' 카테고리의 다른 글

폼기본 form  (0) 2022.12.28
표 영역의 그룹화  (0) 2022.12.28
열병합 colspan  (0) 2022.12.27
표의소제목 th  (0) 2022.12.27
표 table  (0) 2022.12.27