<html><head><title>테이블태그2-16</title></head>
<body>
<table frame="vsides" rules="rows" align="center" width="400" height="200" cellpadding="8" cellspacing="10" bordercolor="white" bordercolorlight="#999999">
<caption> 성적표 </caption>
<tr> <th>컴퓨터 </th> <td>70 </td> </tr>
<tr> <th>TESP</th> <td>620 </td> </tr>
</table>
<tr> <th>TESP</th> <td>620 </td> </tr>
</table>
<body></html>
bordercolorlight 은 그림자! 그래서 중요하지 않음
여기에서 70을 정렬하는 방법 1) cellpadding 2) center + right 지정
달력
<html><head><title>테이블태그</title></head><body>
<table height=300 align="center" border="1" cellpadding="8" cellspacing="0" bordercolor="white" bordercolorlight="#999999" frame=hsides rules=rows>
일정표
<tr bgcolor="#CCCCCC">
<th width=40>Sun</th>
<th width=40>Mon</th>
<th width=40>Tue</th>
<th width=40>Wed</th>
<th width=40>Thu</th>
<th width=40>Fri</th>
<th width=40>Sat</th>
</tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td>
<td bgcolor="skyblue" colspan="3">5</td></tr>
<tr><td background="bg6.gif" rowspan="2"><b>6</b></td>
<td>7</td><td>8</td><td>9</td><td>10</td>
<td>11</td> <td>12</td> </tr>
<tr> <td>13</td><td>14</td> <td>15</td>
<td>16</td><td>16</td><td>17</td></tr>
</table></body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<p><p> <b> ver1.</b>
<table border = "1" cellspacing = "5" cellpadding = "5">
<tr>
<td rowspan = "3" width = "200"> C1 </td>
<td width = "150" height = "100"> C2 </td>
<td width = "150" height = "100"> C3 </td>
</tr>
<tr> <td width = "150" height = "100"> C4 </td> <td width = "150" height = "100"> C5 </td> </tr>
<tr> <td colspan = "2" height = "100"> C6 </td></tr>
</table>
<p> <p><p><b> ver2.</b>
<table border = "1" cellspacing = "5" cellpadding = "5">
<tr>
<td rowspan = "3" width = "200"> C1 </td>
<td width = "150" height = "100"> C2 </td>
<td rowspan ="2" width = "150" > C3,C5 </td>
</tr>
<tr> <td width = "150" height = "100">C4 </td> </tr>
<tr> <td colspan = "2" height = "100"> C6 </td></tr>
</table>
</body>
</html>
테이블에 시험 나옴!!! ★ 중요옵션!
href! target!
세세한것은 아님! 공통적으로 쓰이는것! with, height, color 등등!
728x90
반응형
'# PRIVATE' 카테고리의 다른 글
| 10월 01일 프로젝트 student ver1 껍질 (0) | 2010.10.01 |
|---|---|
| 첫번째 봉사활동 : [2010고양 한톨나눔축제] Volunteer Staff (0) | 2010.09.30 |
| WEB 9월 30일 링크걸기 (0) | 2010.09.30 |
| 9월 27일 (0) | 2010.09.27 |
| 유니볼 스타일핏 (0) | 2010.09.21 |
