728x90
반응형
<!-- src/main/webapp/4/exam1.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
table,tr,th,td {
border : solid 1px black;
border-collapse: collapse;
padding:8px;
}
</style>
</head>
<body>
<h3>서해 앞바다 해상예보</h3>
<table>
<tr>
<th colspan='2'>날짜</th>
<th>날씨</th>
<th>풍향</th>
<th>풍속(m/s)</th>
</tr>
<tr>
<td>24일(월)</td>
<td>오후</td>
<td><img src="img/rain.png">
<td>남-남서</td>
<td>3~7</td>
</tr>
<tr>
<td rowspan='2'>25일(화)</td>
<td>오전</td>
<td><img src="img/rain.png">
<td>서-북서</td>
<td>3~6</td>
</tr>
<tr>
<td>오후</td>
<td><img src="img/shine.png"></td>
<td>북서-서</td>
<td>3~6</td>
</tr>
</table>
</body>
</html>
728x90
반응형
'study > Html' 카테고리의 다른 글
[Html] 5. CSS (글자색 지정하기 : <color>) (0) | 2022.04.04 |
---|---|
[Html] 4. 테이블과 폼양식 (폼 양식 : <form>, <input>, <select>, <option> ) (0) | 2022.04.04 |
[Html] 4. 테이블과 폼양식 (테이블의 행과 열 합치기 : <rowspan>, <colspan>) (0) | 2022.04.04 |
[Html] 4. 테이블과 폼양식 (테이블 삽입하기 : <table>, <tr>, <td>, <th>) (0) | 2022.04.04 |
[Html] 3. 멀티미디어와 링크 (새로운 탭으로 링크 걸기 : <target='_blank' >) (0) | 2022.04.04 |