2024-10-08
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div align="center">
<h1>자동차 재원표</h1>
<table border="1" cellspacing="0">
<tr style="background-color: rgba(54, 60, 65, 0.158);">
<th>차종</th> <th>이미지</th> <th>배기량</th> <th>연료</th> <th>연식</th> <th>제조사</th>
</tr>
<tr>
<td>제네시스(쿠페)</td>
<td><img src="images/car1.gif" alt="" width="200"></td>
<td rowspan="2">2,000</td>
<td rowspan="2">가솔린</td>
<td>2015</td>
<td rowspan="5">현대자동차</td>
</tr>
<tr>
<td>소나타</td>
<td><img src="images/car2.gif" alt="" width="200"></td>
<td>2014</td>
</tr>
<tr>
<td>그랜져(HG)</td>
<td><img src="images/car3.gif" alt="" width="200"></td>
<td>3,000</td>
<td>디젤</td>
<td>2015</td>
</tr>
<tr>
<td>아반떼</td>
<td><img src="images/car4.gif" alt="" width="200"></td>
<td>1,800</td>
<td rowspan="2">가솔린</td>
<td rowspan="2">2014</td>
</tr>
<tr>
<td>i30</td>
<td><img src="images/car5.gif" alt="" width="200"></td>
<td>1,500</td>
</tr>
</table>
</div>
</body>
</html>
<!--
div 태그가 span 태그보다 더 큰 범위이다. 그렇기에 이 코드에서 div 사용
- span은 단순 텍스트나 텍스트에 관련된 마크업 등 구문 콘텐츠에 대한 속성을 적용하기 위한 범위
- div는 레이아웃(블록이나 구획)을 구성하거나 그룹화된 마크업이나 콘텐츠에 속성을 적용하기 위한 범위
-->
