표(table)《CSS | Mong9 Editor(몽9 에디터): WYSIWYG HTML Editor with beautiful Block

코드

<table summary="" class="m9-table-1">
    <caption></caption>
    <colgroup>
        <col width="">
        <col width="">
        <col width="">
        <col width="">
    </colgroup>
    <thead>
        <tr>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tfoot>
</table>

m9-table-2

결과


타이틀	타이틀	타이틀	타이틀
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용

코드

<table summary="" class="m9-table-2">
    <caption></caption>
    <colgroup>
        <col width="">
        <col width="">
        <col width="">
        <col width="">
    </colgroup>
    <thead>
        <tr>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tfoot>
</table>

m9-table-3

결과


타이틀	타이틀	타이틀	타이틀
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용

코드

<table summary="" class="m9-table-3">
    <caption></caption>
    <colgroup>
        <col width="">
        <col width="">
        <col width="">
        <col width="">
    </colgroup>
    <thead>
        <tr>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tfoot>
</table>

m9-table-4

결과


타이틀	타이틀	타이틀	타이틀
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용

코드

<table summary="" class="m9-table-4">
    <caption></caption>
    <colgroup>
        <col width="">
        <col width="">
        <col width="">
        <col width="">
    </colgroup>
    <thead>
        <tr>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tfoot>
</table>

m9-table-5

결과


타이틀	타이틀	타이틀	타이틀
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용

코드

<table summary="" class="m9-table-5">
    <caption></caption>
    <colgroup>
        <col width="">
        <col width="">
        <col width="">
        <col width="">
    </colgroup>
    <thead>
        <tr>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tfoot>
</table>

m9-table-6

결과


타이틀	타이틀	타이틀	타이틀
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용
내용	내용	내용	내용

코드

<table summary="" class="m9-table-6">
    <caption></caption>
    <colgroup>
        <col width="">
        <col width="">
        <col width="">
        <col width="">
    </colgroup>
    <thead>
        <tr>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
            <th scope="col">타이틀</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th scope="row">내용</th>
            <td>내용</td>
            <td>내용</td>
            <td>내용</td>
        </tr>
    </tfoot>
</table>