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>