web study

표 영역의 그룹화 본문

web/html

표 영역의 그룹화

nayeon web 2022. 12. 28. 14:05 
<!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>표 영역의 그룹화</title>
</head>
<body>
    <h1>표 영역의 그룹화</h1>
    <table border="1">
        <caption>table 전용 캡션</caption>
        <thead>
            <tr>
                <th></th>
                <th>가정용 호스팅</th>
                <th>기업용호스팅</th>
            </tr>
        </thead>
        <!-- 표의 바닥글. 브라우저 출력은 tbody 뒤에 출력. 코드 작성은 주로 <thead> 뒤에 작성 -->
        <tfoot>
            <tr>
                <td colspan="3">
                    지금 가입하면 10% 할인!
                </td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <th>디스크 공간</th>
                <td>1GB</td>
                <td>100GB</td>
            </tr>
            <tr>
                <th>대역폭</th>
                <td>5GB / 월</td>
                <td>50GB / 월</td>
            </tr>
            <tr>
                <th>이메일 계정</th>
                <td>5</td>
                <td>10</td>
            </tr>
            <tr>
                <th>서버</th>
                <td>공유</td>
                <td>가상서버호스팅(VPS)</td>
            </tr>
            <tr>
                <th>지원방법</th>
                <td>이메일</td>
                <td>전화와 방문</td>
            </tr>
        </tbody>
    </table>
</body>
</html>
표 영역의 그룹화

표 영역의 그룹화

table 전용 캡션
가정용 호스팅 기업용호스팅
지금 가입하면 10% 할인!
디스크 공간 1GB 100GB
대역폭 5GB / 월 50GB / 월
이메일 계정 5 10
서버 공유 가상서버호스팅(VPS)
지원방법 이메일 전화와 방문

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

다양한 폼 관련 태그들  (0) 2022.12.28
폼기본 form  (0) 2022.12.28
행병합 rowspan  (0) 2022.12.27
열병합 colspan  (0) 2022.12.27
표의소제목 th  (0) 2022.12.27
'web/html' Related Articles more