[2021/12/10]국비지원-HTML5 코딩툴 기본학습 4-(2) table

rowgroup : 행 그룹 짓기

colgroup : 열 그룹 짓기

scope = row : 행 (ㅡ)

scope = col : 열 (ㅣ)

id : 소속명

headers : 데이터의 소속 범위

caption : 웹접근성을 위해 반드시 붙여야 할 표 타이틀

<table border = "1" rules = "groups"> : 표 선은 1px, 그룹으로 묶는 규칙

<!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>table</title>
</head>
<body>
    <h2>신용등급</h2>
    <h3>국내외 신용등급 및 현황</h3>
    <h4>국내외 신용등급 보유현황</h4>
    <!-- 내용 상 가로 : thead, tfoot, tbody
         내용 상 세로 : colgroup -->
    <table border="1", rules="groups">
        <caption>국내외 신용등급 보유현황</caption>
        <colgroup>
            <col>
        </colgroup>
        <colgroup>
            <col>
            <col>
            <col>
        </colgroup>
        <colgroup>
            <col>
            <col>
            <col>
        </colgroup>
        <thead>
            <tr>
                <th scope="col" id="division">구분</th>
                <th scope="col" colspan="3" id="domestic">국내신용등급</th>
                <th scope="col" colspan="3" id="international">국제신용등급</th>
            </tr>
        </thead>
        <!-- tfoot 없음 -->
        <tbody>
            <tr>
                <th scope="row" id="agency">평가기관</th>
                <td headers="domestic agency">한국기업평가</td>
                <td headers="domestic agency">한국신용평가</td>
                <td headers="domestic agency">나이스신용평가</td>
                <td headers="international agency">Moody's</td>
                <td headers="international agency">S&P</td>
                <td headers="international agency">Fitch</td>
            </tr>
            <tr>
                <th scope="row" id="credit">신용등급</th>
                <td headers="domestic credit">AAA</td>
                <td headers="domestic credit">AAA</td>
                <td headers="domestic credit">AAA</td>
                <td headers="international credit">Aa2</td>
                <td headers="international credit">AA</td>
                <td headers="international credit">AA-</td>
            </tr>
            <tr>
                <th scope="row" id="outlook">등급전망</th>
                <td headers="domestic outlook">안정적</td>
                <td headers="domestic outlook">안정적</td>
                <td headers="domestic outlook">안정적</td>
                <td headers="international outlook">Stable</td>
                <td headers="international outlook">Stable</td>
                <td headers="international outlook">Stable</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

이 수업 좀 짜증나는 게

정부에서 공지 내려왔다면서 하는 얘기가
수업 중에 캠 풀타임 on, 가상배경 금지, 자리이동 금지
(ex. 집이 영 아니라서 노트북 들고 카페에서 청강 = 금지)
이런 게 노동부 지침으로 내려왔다는데

... 가상배경 금지...
방 공개..
집 공개....
사생활 침해 기분 무엇..?

저작자표시 비영리 변경금지 (새창열림)

티스토리툴바