728x90
반응형
<table>
<thead>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</thead>
<tbody>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</tbody>
</table>table 태그 안에
thead, tbody가 있고
그 안에 tr, 그 안에 td.
td개수가 늘어나면 가로수가 늘어난다.
숙제>>
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DOC</title>
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div>
<h3 style="font-size: 30px">Your shopping cart</h3>
</div>
<div>
<table class="table-box">
<thead>
<tr>
<td></td>
<td>ITEM</td>
<td>AMOUNT</td>
<td>PRICE</td>
<td>TOTAL</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="homework/%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C%20(1).png" class="item-img">
</td>
<td>
<p>상품명1</p>
</td>
<td>1</td>
<td>1979.00</td>
<td>1979.00</td>
</tr>
<tr>
<td>
<img src="homework/%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C%20(1).png" class="item-img">
</td>
<td>
<p>상품명1</p>
</td>
<td>1</td>
<td>1979.00</td>
<td>1979.00</td>
</tr>
<tr>
<td colspan="4"></td>
<td>3940.00</td>
</tr>
</tbody>
</table>
</div>
<div>
<a href=#>Edit your shopping cart</a>
<input class = "pay-button" type="button" value="Choose payment method">
</div>
</div>
</body>
</html>728x90
반응형
'웹개발 > HTML || CSS' 카테고리의 다른 글
| [HTML] 아이콘 넣기 - font awesome (0) | 2023.01.08 |
|---|---|
| pseudo class로 인터랙티브 버튼 만들기 (0) | 2022.11.13 |
| [HTML] input (0) | 2022.11.06 |
| HTML 스타일링 (0) | 2022.09.25 |
| 1차시 (0) | 2022.09.25 |
댓글