Developer Factory

[HTML5] 테이블, 이미지 태그 본문

Developer/Html

[HTML5] 테이블, 이미지 태그

Jeremy.Park 2014. 6. 12. 00:42
<!DOCTYPE html>

<html>
<head>
    <title>Table Tag</title>
</head>
<body>
    <table border="1">
        <caption>Caption</caption>
        <colgroup>
            <col span="2" style="background: red" />
            <col style="background: blue" />
        </colgroup>
        <thead style="background: green">
            <tr>
                <th align="center" colspan="3">Table Header</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td align="right" colspan="2">Table Date 1</td>
                <td rowspan="4">Table Date 1</td>
            </tr>
            <tr>
                <td>Table Date 2</td>
                <td>Table Date 2</td>
            </tr>
            <tr>
                <td>Table Date 2</td>
                <td rowspan="2">Table Date 2</td>
            </tr>
            <tr>
                <td>Table Date 2</td>
            </tr>
        </tbody>
        <tfoot style="background: yellow">
            <tr>
                <td>Table Date 3</td>
                <td>Table Date 3</td>
                <td>Table Date 3</td>
            </tr>
        </tfoot>
    </table>
    <hr />
    <img src="http://img.naver.net/static/www/u/2013/0819/nmms_111143893.gif" alt="city" width="300" >
    <img src="Nothing" alt="noImage" width="300">
    <img src="http://placehold.it/350x150" alt="noImg"/>
</body>
</html>


저작자표시

'Developer > Html' 카테고리의 다른 글

[HTML5] div, span의 차이  (0) 2014.06.12
[HTML5] 기본 TEXT 형식  (0) 2014.06.12
[HTML5] 폼태그 - Basic form tag  (0) 2014.06.12
[HTML5] 비디오 태그 - vidio.js, 플러그인, 자막  (0) 2014.06.12
[HTML5] 오디오 태그 -브라우저마다 지원하는형식이 다를때  (0) 2014.06.12
'Developer/Html' Related Articles more