f_
frhyme.code
•web•⏱ 약 1분 소요

Html - table 병합하기

  • rowspan, colspan property를 사용해서 table의 cell의 병합해서 사용할 수 있습니다.
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Test html</title>
    </head>
    <body>
        <table border="1">
            <tr>
                <td rowspan="2">Cell-1-1 with rowspan 2</td>
                <td>Cell-1-2</td>
                <td>Cell-1-3</td>
            </tr>
            <tr>
                <td colspan="2">Cell-2-1 with colspan 2</td>
                <td rowspan="2">Cell-2-2</td>
            </tr>
        </table>
    </body>
</html>
GitHub에서 이 글의 마크다운 원본 보기 & 수정 제안src/content/posts/2021-01-27-html_table_merging_cells
🔗 연관 지식 허브:📂 web 카테고리#html#table

💡RELATED ARTICLES · 함께 읽으면 좋은 연관 포스트

글 주소가 클립보드에 복사되었습니다.