로그인  회원가입  
인포앤북 홈

6-4. 프로젝트 4

PROJECT. 일기 예보 표 만들기

다음은 테이블 태그를 이용하여 제작한 일기 예보 표입니다. 밑줄을 채워 보세요.

브라우저 실행 결과
HTML 소스
<h3>일기 예보</h3>
<table border="1">
<tr>
<th (1)_______="2">지역</th> <th (2)_______="2">13일(목)</th> <th (3)_______="2">14일(금)</th> 
<th (4)_______="2">15일(토)</th> <th (5)_______="2">16일(일)</th>  
</tr>
<tr>
<th>오전</th> <th>오후</th> <th>오전</th> <th>오후</th> <th>오전</th> <th>오후</th> <th>오전</th> <th>오후</th> 
</tr>
<tr>
<td>서울<br>경기도<br>인천</td> 
<td><img src="img/icon1.png"></td> <td><img src="img/icon1.png"></td>
<td><img src="img/icon1.png"></td> <td><img src="img/icon1.png"></td>
<td><img src="img/icon1.png"></td> <td><img src="img/icon1.png"></td>
<td><img src="img/icon1.png"></td> <td><img src="img/icon1.png"></td>
</tr>
<tr>
<td>대전<br>세종<br>충남</td> 
<td><img src="img/icon2.png"></td> <td><img src="img/icon2.png"></td>
<td><img src="img/icon2.png"></td> <td><img src="img/icon2.png"></td>
<td><img src="img/icon2.png"></td> <td><img src="img/icon2.png"></td>
<td><img src="img/icon2.png"></td> <td><img src="img/icon2.png"></td>
</tr>
<tr>
<td>부산<br>울산<br>경상남도</td> 
<td><img src="img/icon3.png"></td> <td><img src="img/icon3.png"></td>
<td><img src="img/icon3.png"></td> <td><img src="img/icon3.png"></td>
<td><img src="img/icon3.png"></td> <td><img src="img/icon3.png"></td>
<td><img src="img/icon3.png"></td> <td><img src="img/icon3.png"></td>
</tr>
</table>

(1) rowspan
(2) colspan
(3) colspan
(4) colspan
(5) colspan