HTML 강의_SupportManager_공급자 정보 입력 폼 테이블 구성하기_colspan rowspan 연습

12/1/2021
2 minutes to read

support-manager.html

<!DOCTYPE html>
<html>
<head>
    <title>공급자 관리</title>
    <link href="./_content/bootstrap.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        <h3>공급자 정보 입력 폼</h3>
        <table width="100%" border="1"
               class="table table-bordered table-stripped">
            <tr>
                <td rowspan="4" width="100">보내는 분</td>
                <td width="120">대표자 성함</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>연락처</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>단체명</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>운영 홈페이지(URL)</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td colspan="2">일자 및 시간</td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="2">받는 사람</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td colspan="2" height="300">등록 물품</td>
                <td>
                    &nbsp;
                </td>
            </tr>
        </table>
    </div>
</body>
</html>

[그림] 실행 결과

공급자 정보 입력 폼

데브렉(http://www.devlec.com)

HTML 강의_공급자 정보 입력 폼 테이블 구성하기_colspan rowspan 연습

추천 자료: .NET Blazor에 대해 알아보시겠어요? .NET Blazor 알아보기를 확인해보세요!