반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>day3/tableTest2.html</title>
</head>
<body>
<table height="250" border="1"
style="width:250px">
<tbody>
<tr>
<td colspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td rowspan="2">7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
</tr>
</tbody>
</table>
<br><br><br>
<!-- 3행 4열 테이블 만들기 -->
<table border="1" style="width: 500px"
summary="표에 대한 요약 설명을 넣는다">
<caption>표의 제목-table태그 아래에 쓴다
</caption>
<!-- 표의 위 가운데에 표시됨 -->
<colgroup>
<col span="3" style="background: green"
<style>
<!--
\-
-->
</style>
</colgroup>
<tbody>
<tr>
<td>제목1</td>
<td>제목2</td>
<td>제목3</td>
<td>제목4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>요약</td>
<td colspan="3">
</tr>
</tfoot>
</table>
<br><br><br>
<!-- p47 colsapn, rowsapn 이용 -->
<h3>¤도미토리</h3>
<table summary="4인실과 2인실이 있이며 1인당 2만원입니다"
height="150" border="1" style="width: 400px">
<caption>요안도라 객실</caption>
<tr>
<td><b>방 이름</b></td>
<td><b>대상</b></td>
<td><b>크기</b></td>
<td><b>가격</b></td>
</tr>
<tr>
<td><b>유채방</b></td>
<td>여성 도미토리</td>
<td rowspan="3">4인실</td>
<td rowspan="4">1인 20,000원</td>
</tr>
<tr>
<td rowspan="2"><b>동백방</b></td>
<td>동성 도미토리</td>
</tr>
<tr>
<td>가족 1팀</td>
</tr>
<tr>
<td><b>천혜향방</b></td>
<td>-</td>
<td>2인실</td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
</table>
<br><br><br>
<table border="1" width="200">
<tr>
<td>1</td>
<td colspan="2">2</td>
</tr>
<tr>
<td>3</td>
<td rowspan="2">4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td rowspan="2">7</td>
</tr>
<tr>
<td colspan="2">8</td>
</tr>
</table>
</body>
</html>
반응형