반응형
4/4 (화) HTML 수업내용 정리
(+) <caption> 테이블 제목 </caption>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table, th, td {
border:1px solid #ccc;
border-collapse: collapse;
}
th, td { padding:10px 20px; }
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>용도</th>
<th>중량</th>
<th>갯수</th>
<th>가격</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">선물용</td>
<td >3kg</td>
<td>11~16과</td>
<td>35,000원</td>
</tr>
<tr>
<td>5kg</td>
<td>18~26과</td>
<td>52,000원</td>
</tr>
<tr>
<td rowspan="2">가정용</td>
<td>3kg</td>
<td>11~16과</td>
<td>30,000원</td>
</tr>
<tr>
<td>5kg</td>
<td>18~26과</td>
<td>47,000원</td>
</tr>
</tbody>
</table>
</body>
</html>
반응형
'HTML&CSS' 카테고리의 다른 글
| [CSS] 로그인 화면 만들기_0407 8교시 (0) | 2023.04.07 |
|---|---|
| [HTML&CSS] 포스터 만들기 (0) | 2023.04.06 |
| [HTML] INPUT 태그 연습 (0) | 2023.04.05 |
| [HTML] INPUT (0) | 2023.04.05 |
| HTML 태그 종류 (1) | 2023.04.04 |